MOKV 3500 - Data visualization

This page contains resources used in the course.

Tools used in this course:

Easy to use tools

Links to some useful tools. They can be free or paid. Check terms if you are unsure.

www.highcharts.com

www.datawrapper.de

www.infogram.com

chartbuilder (github.io)

www.tableau.com

flourish.studio

Leaflet.js

Make interacitve maps with leaflet.js.

basic leaflet map for use with leaflet tutorials

Guide: News map (geojson)

Newsmap with coloured markers

Convert table data to geojson

Tutorial: Publishing the news map in WordPress

Tutorial: Changing map tiles

Guide: Live earthquake map

Guide: Embed the earth quake map

D3.js

Visualize anything with d3.js

Responsive D3.js

D3js Scales and axis

Guide: D3 scatterplot XYSC

Guide: D3JS Scatterplot

Guide: responsive bar graph (old needs update)

Guide: Responsive line graph updated 2022

General resources

Javascript guides

Data types - how to avoid common erros

Construct readable sentences from data

When your code is not showing data

Testing & publishing components:

Publish your creation in html/css or in WordPress

Publish your map in WordPress with an iframe

Set up a virtual server with Anaconda

Working with data

Scraping HTML tables with Google sheets

Examples

<span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" class="mce_SELRES_start"></span><span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" class="mce_SELRES_start"></span><br />

Kvinner Menn

Population in Norway over 100 years of age 1846-2018.

The chart show the amount of people at age 100 and more. The red line represents women and the blue line men