Copy of the codes used for the article: "How to Become an Analytical Programmer – Solve the "Rock, Paper, Scissors" Game 5 Ways Using JavaScript & Mermaid.js"
| %% Get an idea of where your flowchart should start and where should end | |
| flowchart TD | |
| A([start]) -.-> P([end]) | |
| style A fill:black, color:#fff | |
| style P fill:grey, color:#fff | |
| %% Arrows are more than a connection between two nodes. | |
| flowchart TD | |
| A([start]) --> |variable declaration| B{{"*character*(str) | |
| *count*(num) |
| <!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 |