Beeswarm visualization of approximate dates at which each emoji was seen in the main chat for the first time. d3.js, v4. Press Open
button to see full rendering.
This visualization was prepared for this article in Medium freeCodeCamp.
<!DOCTYPE html> | |
<head> | |
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> | |
<title>Hello, world!</title> | |
<!-- include three.js library --> | |
<script src='js/three.js'></script> | |
<!-- include jsartookit --> | |
<script src="jsartoolkit5/artoolkit.min.js"></script> | |
<script src="jsartoolkit5/artoolkit.api.js"></script> | |
<!-- include threex.artoolkit --> |
255 255 255 255 255 255 255 255 255 255 255 255 255 255 255 255 | |
255 255 255 255 255 255 255 255 255 255 255 255 255 255 255 255 | |
255 255 255 255 255 255 255 255 255 255 255 255 255 255 255 255 | |
255 255 255 255 255 255 255 255 255 255 255 255 255 255 255 255 | |
255 255 255 255 255 255 255 255 255 255 255 255 255 255 255 255 | |
255 255 255 255 255 255 255 255 255 255 255 255 255 255 255 255 | |
255 255 255 255 255 255 255 255 255 255 255 255 255 255 255 255 | |
255 253 246 251 249 255 255 255 255 255 255 255 255 255 255 255 | |
255 145 134 128 116 253 255 255 255 255 255 255 255 255 255 255 | |
255 110 88 112 131 251 255 255 255 255 255 255 255 255 255 255 |
const utilities = { | |
apis: { | |
SearchParamsDB: { | |
queries: ["vegan", "organic cafes"], | |
querycontrol: 0, | |
location: [52.370216, 4.895168], | |
type: "restaurant", | |
radius: 1000, | |
region: "Amsterdam", | |
pagetoken: null, |
Beeswarm visualization of approximate dates at which each emoji was seen in the main chat for the first time. d3.js, v4. Press Open
button to see full rendering.
This visualization was prepared for this article in Medium freeCodeCamp.
A simple interactive visualization of the monthly ranking (number of mentions) of those emojis that reached the top 5 at least once, from 01-2015 until 11-2017.
The number of emojis with those characteristics were about 20. Some of them reached the top5 only once. Some could have also overlapped (reached the same position the same month).
This visualization was prepared for this article in Medium freeCodeCamp.
(by @andrestaltz)
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.
{"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 |
Year | Jan | Feb | Mar | Apr | May | Jun | Jul | Aug | Sep | Oct | Nov | Dec | J-D | D-N | DJF | MAM | JJA | SON | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
1880 | -.29 | -.20 | -.18 | -.27 | -.14 | -.28 | -.23 | -.07 | -.16 | -.16 | -.18 | -.21 | -.20 | *** | *** | -.19 | -.19 | -.17 | |
1881 | -.10 | -.13 | .01 | -.03 | -.04 | -.28 | -.06 | -.02 | -.08 | -.18 | -.25 | -.15 | -.11 | -.11 | -.15 | -.02 | -.12 | -.17 | |
1882 | .10 | .10 | .03 | -.20 | -.17 | -.24 | -.10 | .04 | .00 | -.22 | -.20 | -.25 | -.09 | -.08 | .02 | -.11 | -.10 | -.14 | |
1883 | -.33 | -.41 | -.17 | -.24 | -.25 | -.11 | -.08 | -.12 | -.18 | -.11 | -.19 | -.18 | -.20 | -.20 | -.33 | -.22 | -.10 | -.16 | |
1884 | -.18 | -.11 | -.33 | -.35 | -.31 | -.37 | -.33 | -.25 | -.23 | -.21 | -.29 | -.28 | -.27 | -.26 | -.15 | -.33 | -.32 | -.24 | |
1885 | -.64 | -.29 | -.23 | -.44 | -.41 | -.50 | -.28 | -.27 | -.19 | -.19 | -.22 | -.05 | -.31 | -.33 | -.41 | -.36 | -.35 | -.20 | |
1886 | -.42 | -.45 | -.41 | -.29 | -.27 | -.39 | -.16 | -.31 | -.19 | -.25 | -.26 | -.25 | -.30 | -.29 | -.31 | -.32 | -.28 | -.23 | |
1887 | -.66 | -.47 | -.31 | -.37 | -.33 | -.20 | -.18 | -.27 | -.19 | -.31 | -.25 | -.37 | -.33 | -.32 | -.46 | -.33 | -.22 | -.25 | |
1888 | -.42 | -.41 | -.47 | -.28 | -.22 | -.20 | -.09 | -.11 | -.07 | .02 | .00 | -.12 | -.20 | -.22 | -.40 | -.32 | -.13 | -.02 |
[{"username":"00svbeon","connections":0,"topic1":0.1134637625,"topic2":0.0501251438,"topic3":0.0005321796,"topic4":0.0,"topic5":0.0010463566,"topic6":0.0,"topic1p":0.0001548915,"topic2p":0.0003068499,"topic3p":0.0000024004,"topic4p":0.0,"topic5p":0.0000375797,"topic6p":0.0},{"username":"0x0936","connections":224,"topic1":19.3048576471,"topic2":3.2060376802,"topic3":4.1928501463,"topic4":0.2006582723,"topic5":0.87467138,"topic6":0.8280533213,"topic1p":0.0263534153,"topic2p":0.019626325,"topic3p":0.0189116432,"topic4p":0.0086438267,"topic5p":0.0314136507,"topic6p":0.0253897061},{"username":"1234Matt","connections":0,"topic1":0.0000148044,"topic2":0.0,"topic3":0.0,"topic4":0.0,"topic5":0.0,"topic6":0.0,"topic1p":0.0000000202,"topic2p":0.0,"topic3p":0.0,"topic4p":0.0,"topic5p":0.0,"topic6p":0.0},{"username":"3axap-4","connections":3,"topic1":0.4438768806,"topic2":0.0256400196,"topic3":0.0001482266,"topic4":0.0060822306,"topic5":0.0054128268,"topic6":0.0,"topic1p":0.0006059445,"topic2p":0.0001569599,"topic3p":0.00 |
[{"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, |