d3

D3 Tree Diagram

July 11, 2017, July 11, 2017 | Comments

category: VISUALIZATION
d3 html css javascript

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 ...

D3 Cluster Diagram

July 06, 2017, July 06, 2017 | Comments

category: VISUALIZATION
d3 html css javascript

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 ...

D3 Pie Chart

July 02, 2017, July 02, 2017 | Comments

category: VISUALIZATION
d3 html css javascript

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 ...

D3 Area Chart

June 28, 2017, June 28, 2017 | Comments

category: VISUALIZATION
d3 html css javascript

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 ...

D3 Line Chart

June 08, 2017, June 08, 2017 | Comments

category: VISUALIZATION
d3 html css javascript

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 ...

D3 Histogram

May 21, 2017, May 21, 2017 | Comments

category: VISUALIZATION
d3 html css javascript

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 ...

D3 Examples and Building Blocks

September 18, 2016, April 20, 2017 | Comments

category: VISUALIZATION
d3 html css javascript

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 ...

D3 Setup

September 09, 2016, September 09, 2016 | Comments

category: VISUALIZATION
d3 web javascript html css

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 ...

Introduction to D3

September 08, 2016, September 08, 2016 | Comments

category: VISUALIZATION
d3 web javascript html css

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 ...

Feel free to reach me out by my social profiles

Copyright 2015 - 2017 Another Peak created with by Yi Du. Powered by Jekyll and Hosted on GitHub.