Cartokit

Cartokit is a direct manipulation programming environment for interactive cartography on the web. Vey cool! See more over on GitHub: https://github.com/parkerziegler/cartokit

The Coding Train

The Coding Train is a great YouTube Channel and here's his most-recent book: The Nature Of Code.

A Virtual World With Self-Driving Cars

Seen on Maps Mania: A Virtual World With Self-Driving Cars, created from scratch. Create your own by taking this YouTube course. Here's an example: https://radufromfinland.com/projects/virtualworld/

Storyline JS

Storyline JS is an open-source tool to build an annotated, interactive time series chart. Think Datawrapper or Flourish, but with annotated cards. Try it - they provide a demo data set so you can see what the tool can do.

Not sure what I would be using it for, but if you have (a) temporal data and (b) notable changes that you can annotate, then this may be a fun way to data viz it.

Docker, Binder, Colaboratory, and more

If you are interested in any of these: Make code accessible with these cloud services (Nature 7 November 2019). Try Binder @ https://mybinder.org/.

Timeline JS and Storyline JS

Storyline JS is a fun tool: take a simple Google Sheet with time series data and annotate dates/times of interest with interactive cards. That's it. Simple.

Timeline JS is similar, but offers more features with embedded media to illustrate events over time.

Both are in a sense story maps, but here the main organizational frame is time, not space.

Blockly

Blockly is a visual programming 'interface' that uses interlocking blocks to create a programming 'workflow'. Then, on the right, the underlying code is displayed in JavaScript, Python, etc. Looks interesting - I wish they would provide clearer instructions (= without the jargon) on how to install and setup Blockly.

Open Source 3D Mapping

Okay, I'm not a big fan of 3D mapping - I think its more hype than an actual practical improvement. But, here are two open-source options:

• OpenGlobus
• CesiumJS

Extremes

Northwestern University Knight Lab

Northwestern University Knight Lab is a community of designers, developers, students, and educators working on experiments designed to push journalism into new spaces.

There you have it. In-practice this means some great open-source tools for data viz:

• Timeline JS
• Storyline JS
• Scene VR

StorylineJS

StorylineJS looks great - a simple way to create an annotated and interactive chart (just point to your data in Google Sheets).

Everything you need to know to start coding web maps

And then there's Part 2: Learn how to code your first web map step by step.
And then there's extra materials, summaries, and source code.

Same Data, Same Chart, 12 Different Tools

This is a fun and useful comparison: take the same data and make the same type of chart using using 12 different currently-hip tools. Or, even geekier, using 12 different super-hip charting libraries.

• One Chart, Twelve Tools
• One Chart, Twelve Charting Libraries

The 21 Best Data Visualization Tools: Charts, Graphs & Maps

The 21 Best Data Visualization Tools: Charts, Graphs & Maps is a bit misleading as it only covers the 21 best (according to the author) JavaScript libraries for charts and graphs.

D3plus

D3plus makes interactive data-vz using D3 easier and that's a good thing for us non-JavaScript nerds. Plan B: use Plotly.

Making Money!

Our old friends (Python, JavaScript, and R) will do you quite well: These programming skills will earn you the most money

Learn To Code!

The What code should you learn? infographic has a nice summary and history of different programming languages. At the end...it doesn't really matter all that much - for GIScience I would recommend Python, maybe JavaScript, and something like R or MATLAB.

Need convincing? Have a look at Pick Up Python!

Speaking of Python: Learn to be a Python Charmer compiles a bunch of great resources to get you started.

Here's another infographic: Which Programming Language Should I Learn First?

Landline and Stateline

Landline and Stateline allows our Javascript addicts to create interactive web-based choropleth maps.

Highcharts

Highcharts is a JavaScript charting library written = an easy way of adding interactive charts to websites. Highcharts currently supports line, spline, area, areaspline, column, bar, pie, scatter, angular gauges, arearange, areasplinerange, columnrange, bubble, box plot, error bars, funnel, waterfall and polar chart types. Plus it is free for personal use, education, and non-profits!

Google Charts

Pretty cool stuff from Google - Google Charts. We all know the built-in ones that come with Google Sheets, but this goes much further and uses Javascript. Here are two examples:

• Motion Charts (the simplified version of Gapminder)
• Geochart