Coding

Download Code for Interactive Maps

Interactive maps can be used to display any information aggregated on subnational levels e.g. states,provinces or regions. The graphs is based on a JSON file. On Mapstarter you can transform your shapefile into a JSON file.

Download Code for Interactive Circle Graphs

The Circos website published a number of circle graphs and contains tutorials and documentations for applying your own data for visualization. The Circos website is mostly focussed on medical data, but adaptations are easily done.

Download Code for Interactive Line Charts

thumbnail_linechart
You can use this chart whenever you have multiple datasets for different groups like countries, states, subgroups of population or the like.

Download Code for Interactive Doughnut Charts

thumbnail_linechart
A doughnut chart is useful for visualising contribution of different subgroups to a total. For example you can use the doughnut chart to visualize the percentage contribution of different sectors to the annual economic growth rate.

Download Code for Interactive Node Charts

thumbnail_linechart
Generally node charts are used to visualise networks. In our blog, we used the node chart to visualise the composition of an index.

Download Code for Discharge Simulations

thumbnail_dygraph
This dygraph time series graph is a interactive visualization that gives you several possibilites:

  • Allows for zooming in and zooming out
  • Allow zooming in multiple time lines simultaneously
  • Allows for direct comparison of results of several timelines
  • Allows for zooming in width and height simultaneously
  • Download Code for Interactive Treemap

    thumbnail_linechart
    Treemaps display hierarchical (tree-structured) data as a set of nested rectangles. You can zoom into the rectangules and you may add hyperlinks.

    Download Code for Interactive Map with Dynamic Legend

    thumbnail_linechart
    This interactive map comes with a dynamic legend for further information as well as hyperlinks e.g. to publications.

    Download Code for Interactive Two-Sided Bar Chart

    thumbnail_linechart
    This interactive two-sided bar chart can be used to compare two groups. In the datablog we used this visualisation for presenting the poverty and wealth gap for each county in Kenya.

    Map your world with cartoDB

    thumbnail_linechart
    CartoDB is a location intelligence and visualization engine that empowers you to effortlessly transform data into insights. With cartoDB you can easily locate your points on a webmap or produce heatmaps over time.