javascript

Geographic Data for D3 - from GeoJSON to TopoJSON

January 08, 2018, January 08, 2018 | Comments

category: VISUALIZATION
d3 javascript json

During this post, I will go through from the basics of GeoJSON and TopoJSON to comparing the difference and improvement from one to another and finally use simple examples to...
CONTINUE READING ...

D3 Selections: Enter, Update and Exit

December 01, 2017, December 01, 2017 | Comments

category: VISUALIZATION
d3 javascript

D3’s selection plays a core function of its full suite. We all know D3 stands for data-driven documents which means the visualization is based on data to manipulate DOM. d3-selection...
CONTINUE READING ...

Read in Data by D3 - Part 3: D3 Queue

November 24, 2017, November 26, 2017 | Comments

category: VISUALIZATION
d3 javascript

It is more common that people would use a quite few number of files at the same session for data visualization for various reasons and it is critical to ascertain...
CONTINUE READING ...

Read in Data by D3 - Part 2: D3 Request

November 16, 2017, November 26, 2017 | Comments

category: VISUALIZATION
d3 javascript

After introducing d3-dsv module from last blog, we learn how to use D3 to parse different types of flat files. To illustrate different charts D3 could achieve, a simple data...
CONTINUE READING ...

Read in Data by D3 - Part 1: D3 TSV

October 26, 2017, November 26, 2017 | Comments

category: VISUALIZATION
d3 javascript

D3 stands for data-driven documents, which means data is the oxygen of final visualization. It is always true that a good visualization would have a solid foundation of data. D3...
CONTINUE READING ...

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, July 21, 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, July 21, 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 ...

Search Your Jekyll Site

May 29, 2017, May 29, 2017 | Comments

category: TECH
jekyll web css javascript

When I started to use Panos Sakkos’s Jekyll Personal Theme to run my own Jekyll site, I find the template is missing a site searching function. After a couple of...
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 ...

Understand JSON - Part 2: Parse JSON with JavaScript

February 08, 2016, March 09, 2016 | Comments

category: TECH
json javascript jquery

JSON is widely used in web application by reading data from a web server and display in a web page. With the popularity of web application and the amount of...
CONTINUE READING ...

Understand JSON - Part 1: Introducing JSON

January 25, 2016, March 09, 2016 | Comments

category: TECH
json javascript

In the next couple of blogs, I will cover some basics of JSON and how to parse it with different technical tools. And the goal of this series would help...
CONTINUE READING ...

Feel free to reach me out by my social profiles

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