Similar as cluster, the tree layout by D3 produces tidy node-link diagram. In generally, tidy trees are more compact than clusters.
Since both cluster and tree are under d3-hierarchy module,...
CONTINUE READING ...
The previous series of posts show different layouts of charts with no obvious relationships between components. In reality, there are situations where relational connections between components need to be shown,...
CONTINUE READING ...
Pie chart is probably one of the simplest statistical charts used to describe the numerical proportion by dividing the whole circles into slices. D3 uses d3.pie() function, also under d3-shape...
CONTINUE READING ...
Quite similar to line chart, area chart could also be used to demonstrate the trends over time for comparison. In this post, I’d like to use the same data in...
CONTINUE READING ...
Line chart is also quite commom in reality for people to track changes, especially continuous changes over short or long periods of time. D3 implements this by d3.line() function under...
CONTINUE READING ...
One of the D3 powers is that it would allow us to display data visually and quickly. Starting from this series of blogs, I will go through how D3 could...
CONTINUE READING ...
Before we dig into each D3 modules, let’s first take a few simple D3 examples to get a main idea of the code. The followings are some examples I pull...
CONTINUE READING ...
Since D3 is a JavaScript library, essentially working on D3 project is a process of working on HTML/CSS/JavaScript together on the web. For me with no background/experience in front-end development,...
CONTINUE READING ...
When surfing on the Internet, I am always fascinated by animated, interactive graphs, such as TheUpshot of New York Times and Information Graphics of Washington Post. As a die-hard coder,...
CONTINUE READING ...
When my department starts to set up our own wiki web page and ask us to share information around it, I noticed we could create web pages or posts through...
CONTINUE READING ...