evaristoc

This is a version of Mike Bostock’s parallel coordinates example, modified to include reorderable axes.

This parallel coordinates visualization of cars from the ‘70s and ‘80s demonstrates one of D3 2.5.0’s new interactive features: the brush component. By clicking and dragging along any axis, you can specify a filter for that dimension. The brush component is also used in the updated scatterplot matrix example.

evaristoc

evaristoc

evaristoc

{"links": [{"target": "32_VUTN", "source": "31_MtD", "value": 3}, {"target": "27_M", "source": "26_Dilih", "value": 1}, {"target": "7_CtE", "source": "6_RLNiA", "value": 82}, {"target": "19_SaD", "source": "18_STC", "value": 1}, {"target": "31_EBT", "source": "30_BA", "value": 1}, {"target": "24_SCM", "source": "23_SAP", "value": 12}, {"target": "20_CHE", "source": "19_SU", "value": 3}, {"target": "3_FaN", "source": "2_CfP", "value": 1}, {"target": "26_SCM", "source": "25_SAP", "value": 24}, {"target": "4_FtLWiaS", "source": "3_FaN", "value": 1}, {"target": "28_BA", "source": "27_S", "value": 6}, {"target": "0_MB", "source": "_", "value": 267}, {"target": "16_Wat", "source": "15_FB", "value": 1}, {"target": "10_CtE", "source": "9_SAP", "value": 2}, {"target": "34_EBT", "source": "33_Nrp", "value": 1}, {"target": "36_SD", "source": "35_P", "value": 1}, {"target": "22_M", "source": "21_STC", "value": 2}, {"target": "25_CHE", "source": "24_SU", "value": 1}, {"target": "18_DTA", "source": "17_SANiaR", "value": 35

evaristoc

Functions

Functions are a way to organize code into reusable blocks. As a reminder, functions in Python are "first class objects."

Several built-in functions have been discussed and used previous examples. Just as important is the ability for users to define their own functions.

Resources

https://docs.python.org/3/reference/compound_stmts.html#function-definitions

evaristoc

[ Launch: reddit base ] 32ef99795364a77840b75bf742e3842e by evaristoc[ Launch: reddit base ] 6633418 by enjalot[ Launch: simple histogram ] 6631652 by enjalot

evaristoc

[{"ct": {}, "dt": "2013-12-01"}, {"ct": {"KEN": 1, "BRA": 2, "WSM": 1, "FRA": 1, "PAK": 6, "CHN": 2, "NIC": 1, "CZE": 3, "AFG": 6, "IRQ": 5, "ARM": 2, "CYP": 1, "SWE": 1, "SDN": 4, "PRI": 2, "SRB": 1, "CUB": 2, "ZAF": 1, "DEU": 2, "ANT": 1, "TUR": 1, "EGY": 2, "IRL": 4, "BEL": 1, "UGA": 1, "SGP": 1, "GBR": 2, "NOR": 2, "POL": 2, "HND": 2, "ISR": 4, "LUX": 2, "PAN": 2, "BRB": 1, "LKA": 8, "NLD": 1, "AGO": 1, "PER": 4, "BTN": 1, "NER": 1, "GRC": 1, "SLE": 3, "MLI": 1, "NGA": 1, "MRT": 3, "AUT": 1, "ESP": 1, "LVA": 1, "PHL": 2, "VNM": 1, "IND": 2, "IDN": 3, "CAN": 1, "NA": 1, "PRK": 1, "BGD": 3}, "dt": "2009-10-01"}, {"ct": {}, "dt": "2011-12-01"}, {"ct": {"MNG": 1, "EGY": 1, "IRQ": 1, "LBY": 7, "FRA": 2, "CHN": 1, "ARM": 1, "ISR": 1, "TCD": 1, "AFG": 1}, "dt": "2011-03-01"}, {"ct": {}, "dt": "2011-01-01"}, {"ct": {"EST": 2, "BRA": 1, "MNP": 2, "LBY": 2, "FRA": 4, "PAK": 12, "CHN": 8, "NIC": 5, "AZE": 1, "LBR": 1, "AFG": 8, "QAT": 1, "SOM": 1, "JPN": 1, "JAM": 1, "ECU": 1, "VIR": 1, "YEM": 1, "ARM": 1, "GUY": 1,

evaristoc

evaristoc

{"nodes":[{"id": 0,"label":"Beak"},{"id": 1, "label":"Beescratch"},{    "id": 2    , "label": "Bumper"  },    {    "id": 3    , "label": "CCL"  },    {    "id": 4    , "label": "Cross"  },    {    "id": 5    , "label": "DN16"  },    {    "id": 6    , "label": "DN21"  },    {    "id": 7    , "label": "DN63"  },    {    "id": 8    , "label": "Double"  },    {    "id": 9    , "label": "Feather"  },    {    "id": 10    , "label": "Fish"  },    {    "id": 11    , "label": "Five"  },    {    "id": 12    , "label": "Fork"  },    {    "id": 13    , "label": "Gallatin"  },    {    "id": 14    , "label": "Grin"  },    {    "id": 15    , "label": "Haecksel"  },    {    "id": 16    , "label": "Hook"  },    {    "id": 17    , "label": "Jet"  },    {    "id": 18    , "label": "Jonah"  },    {    "id": 19    , "label": "Knit"  },    {    "id": 20    , "label": "Kringel"  },    {    "id": 21    , "label": "MN105"  },    {    "id": 22    , "label": "MN23"  },    {    "id": 23    , "label": "MN60"  },    {    "id": 24    , "la

evaristoc

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

---

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

---