As defined by Mike Bostock here - last updated 4/12/2019
- Define the
marginobject with properties for the four sides (clockwise from top, as in CSS)
var margin = {top: 20, right: 10, bottom: 20, left: 10};
AdamMescher
/ d3-margin-convention.md
Last active
August 2, 2021 07:28
D3 Margin Convention as defined by Mike Bostok
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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 |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // 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) |
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.
AdamMescher
/ sql-commands.md
Last active
May 21, 2019 05:03
/* open comment
AdamMescher
/ chrome-dev-tools-tips.md
Last active
May 28, 2019 22:39
- Drag and Drop in the Elements panel - In the Elements panel you can drag and drop any HTML element and change its position across the page
- Reference the currently selected element in the Console
AdamMescher
/ 00_intro.md
Last active
November 6, 2019 01:14
Eloquent Javascript: A Modern Introduction to Programming
Introduction - https://eloquentjavascript.net/00_intro.html
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.
I hereby claim:
- I am adammescher on github.
- I am adammescher (https://keybase.io/adammescher) on keybase.
- I have a public key ASBXU8Gw1LfQGCUz77XipDWcJiTbJ8qpNjLgwgC1atO3Kgo
To claim this, I am signing this object:
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # UTILITY | |
| alias uu="brew update && brew upgrade" | |
| ## Get external IP address | |
| alias ip='dig +short myip.opendns.com @resolver1.opendns.com' | |
| ## Repeat previous command with sudo | |
| alias ffs='sudo !!' | |
| # List all files | |
| alias la="ls -lAF" |