/images/avatar.jpeg

I help your business extract value from data.

How to Draw a Rectangle in D3.js?

Hello! You have just started with D3.js and want to know how to draw a rectangle? Today, I will explain you how to do it and the different attributes that take a rectangle. This article is link to the SVG presentation that I have done here. Feel free to consult it and to ask me your questions in comments. 1. Add an SVG to your Javascript file Add in the begining of your Javascript file the definition of an SVG element like this:

How to Manage SVGs in D3.js?

Hello! Welcome to this new post on D3. Today, we’ll talk about SVG, What are they? How to use them? We will see that they are useful tools for your D3 projects. 1. Understanding what are SVGs SVG means Scalable Vector Graphics. It allows you to draw shapes in a browser window. All you need to do is to pass simple information like where you want to position your shape or how big is should be.

Designing for Clarity in Data Science

Hello! Did you ever seen a chart without understanding nothing of what it's talking about? In this post I will show you how to avoid simple mistakes for your charts and how to make them more readable and comprehensible. We will talk about Tufte’s design principles which emphasize making clear and easy to read visualizations. A key aim for data visualization is to make the data as easy to interpret as possible.

How to Build an Artificial Neural Through the Perceptron Model?

Did you ever dream to build your own neural network? In this post, we will cover the topic of Perceptron Model. I will teach you how to build a single Perceptron Model based on real biological neural. What is a biological neural ? Deep learning is based on biological neural. It try to mimic them in an artificial way with computers. Therefore, we should understand first, how a biological neural works.

How to Load External Data in D3.js?

In this article we will see how to import csv, tsv an json file into a D3 project. The good news is that D3 allows us to do it very easily. If you have a csv file in your directory project you can use this function to load it: 1 2 3 d3.csv("mycsv.csv").then( data=> { console.log(data) }) This snippet of code display the data in the browser’s console.

How to Loop with Intervals in D3.js?

In this post we will see how to add interactivity to our visualization. An easy way for us to replicate an update in D3 is to use an interval. 1 2 3 d3.interval( () => { //your code }, 1000) //runs every second We basically want to run some code repeatedly every few seconds, changing the data that we are looking. D3 provides its own interval function for doing this, which takes two arguments.