Programming - the act of constructing a program Program - set of precise instructions telling a computer what to do Programming Language - An artifically constructed language used to instruct computers
Programming is hard and learning is hard work. Keep at it.
/* open comment
All charts from Storytelling with Data written by Cole Nussbaumer Knaflic.
Data from the books is provided by the author here.
All charts completed using Highcharts. You can see live demos of simple charts here.
Knaflic mentions that the tool for visiualization doesn't matter as long as you have mastery of the tool. This is an attempt to gain and prove proficiency in recreating work with Highcharts.
| // http://www.d3noob.org/2013/02/add-html-table-to-your-d3js-graph.html | |
| const tabulate = (data, columns) => { | |
| const table = d3.select("body").append("table"); | |
| const thead = table.append("thead"); | |
| const tbody = table.append("tbody"); | |
| // append the header row | |
| thead | |
| .append("tr") | |
| .selectAll("th") | |
| .data(columns) |
| date | New York | San Francisco | Austin | |
|---|---|---|---|---|
| 20111001 | 63.4 | 62.7 | 72.2 | |
| 20111002 | 58.0 | 59.9 | 67.7 | |
| 20111003 | 53.3 | 59.1 | 69.4 | |
| 20111004 | 55.7 | 58.8 | 68.0 | |
| 20111005 | 64.2 | 58.7 | 72.4 | |
| 20111006 | 58.8 | 57.0 | 77.0 | |
| 20111007 | 57.9 | 56.7 | 82.3 | |
| 20111008 | 61.8 | 56.8 | 78.9 | |
| 20111009 | 69.3 | 56.7 | 68.8 |
margin object with properties for the four sides (clockwise from top, as in CSS)var margin = {top: 20, right: 10, bottom: 20, left: 10};