Planer

  • Home
  • Chapters
    • 01: Introduction
    • 02: Visual Ethics
    • 03: Research
    • 04: Design
    • 05: Visualization
    • 06: Maps
    • 07: Diagrams
    • 08: Motion
    • 09: Case Studies
  • Examples
    • Maps
    • Charts
    • Diagrams
    • Data Visualization
    • Interactive Graphics
    • Motion Graphics
  • Resources & Exercises
  • Expert Interviews
  • Tutorials
    • Illustration
    • Motion graphics
    • Data visualization
    • GIS
    • JavaScript
Home 2016 March 17

dataviztools

Information graphics allow us to distill large quantities of information into a digestible package. Through graphics, ideas that might otherwise be abstract become familiar and more easily understood. Today, there’s a lot of free graphic design software that allows you to easily create visualizations.

TimelineJS

TimelineJS is an open-source tool that enables a visual journalist to build interactive timelines using a Google spreadsheet. TimelineJS can embed a variety of media, including Twitter, Flickr, YouTube, Vimeo, Vine, Google Maps, SoundCloud and more. Using TimelineJS is very simple. First, you download the Google spreadsheet template. After entering in your data, select publish to web. Copy the URL you just generated and enter it in at TimelineJS. This will create an embed code for you to place the timeline on your site.

Chart.js

Chart.js is JavaScript plugin that uses HTML5’s canvas element to draw responsive and interactive graphs onto a webpage. Chart.js allows visual journalists to easily create six types of charts: line, bar, radar, polar, doughnut and pie. To use Chart.js, simply download the plugin and follow the documentation.  

Leaflet

Leaflet is an open-source JavaScript library for responsive interactive maps. Leaflet uses HTML5 and CSS3 for rendering maps. It is well-document and can be extended with additional plug-ins. Step-by-step code explanation makes it incredibly easy to create pop-ups, custom markers, interactive choropleth maps and more.

D3.js

D3.js is an open-source JavaScript library for manipulating documents based on data. D3 stands for data driven documents. Using HTML, SVG, and CSS, D3.js allows visual journalist to create more advanced visualizations with complex data sets.

Tabula

Tabula is a free tool that allows you to upload a PDF (text-based) into a web interface and pull tabular data into an CSV format. This allows visual journalist to easily extract data from documents that traditionally presented data without it being accessible.

Mar 17, 2016 jennpal
Recent Posts
  • Interactive Map: Sierra Nevadas
  • Data Visualization: Plotting Emotion
  • Information Graphic: What Time Will the Polls Close?
  • Data Visualization: The Complete History Of The NFL
  • Aortic Stenosis
Recent Comments
  • Mr WordPress on Hello world!
Archives
  • April 2017
  • January 2017
  • November 2016
  • October 2016
  • September 2016
  • March 2016
  • May 2015
Categories
  • Charts
  • Data visualization
  • Data Visualization
  • Diagrams
  • Examples
  • Exercises & Resources
  • Expert Interviews
  • Featured
  • GIS
  • Illustration
  • Interactive Graphics
  • JavaScript
  • Maps
  • Motion Graphics
  • Motion graphics
  • Tutorials
  • Uncategorized
Meta
  • Log in
  • Entries feed
  • Comments feed
  • WordPress.org
Footer Sidebar 1

Drop a widget on "Footer Sidebar 1" sidebar at Appearance > Widgets page.

Footer Sidebar 2

Drop a widget on "Footer Sidebar 2" sidebar at Appearance > Widgets page.

Footer Sidebar 3

Drop a widget on "Footer Sidebar 3" sidebar at Appearance > Widgets page.

2016
Planer theme by Dankov