Did you know that you can navigate the posts by swiping left and right?
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, the next natural question to me is: which tool(s) do they use to create these fancy graphs? After researching, I was still not 100% sure of answers since they use various kinds of tools but D3 comes to my eyes.
One of the key features of D3 is to bind the data to DOM (Document Object Model) and apply data-driven transformation to the document which eventually generates visualization on web browsers. In this way, large data sets are bound to SVG object with associated properties (shape, color, values) and behaviors (transitions, events) and users can easily apply CSS to style them for final visualization.
There are two ways to include D3 into our project: offline and online.
## Offline Option <script src="../d3.v4.min.js"></script> ## Online Option <script src="https://d3js.org/d3.v4.min.js"></script>
Starting from version 4.0, D3 allows user to standalone microlibraries. For example,