greenpeace / gpes-visualisations

Proposal for tools and style guide - Visualisations in the Spanish office sites.

GPES visualisations

Visualization or visualisation is any technique for creating images, diagrams, or animations to communicate a message.

Proposal for tools and style guide

This repository is a proposal for a style guide with examples that can be cloned and modified to create pieces to be use in Greenpeace’s Spanish site. It also includes recommendations on how to share with other sites.

To read the guide go to the website generated by Github in https://greenpeace.github.io/gpes-visualisations/

List of tools used

• Chartjs
• Google Charts
• Plotly
• Visjs
• Dynatable
• Google Maps API
• Google Earth
• GeoJson.io
• Leaflet and Open Street Map
• Youtube API
• Google Street Map API
• Adobe Illustrator, Inkscape and SVGo
• AB
• Snap.svg
• Jsfiddle
• Github
• Google Docs
• D3, D3 Plus
• Venn.js
• jQCloud
• Bootstrap

gpes-visualisations's Issues

Try mapstarter and mapshaper

Try this two tools for maps:

http://mapstarter.com/

http://mapshaper.org/

More info

See http://datavizproject.com/ for more information on chart types.

Wordclould

Regarding text analytics, wordcloud is widely used although being not very informative.

Test raw

Test https://rawgraphs.io/ to see what we can use.

Treemap issue

There are some things that is not optimized perfectly, like this one https://greenpeace.github.io/gpes-visualisations/treemap-heatmap-charts.html there on a graph should be a 'reset' button (when I click on some column or choose a sector it zooms on it and there is no way to step back).

Area chart

Add the area chart, too.

Software list

A tool/software reference list would help users to explore the possibilities and hit the road.

Summary checklist

Consider adding a kind of summary checklist including some basic viz rules (scales, labels, units, legends, proportions,..).