D3.js - Data-Driven Documents. Flare | Data Visualization for the Web. Downloads. Gapminder Slides Download Gapminder’s slides, free to modify and use in any way you like! Here are the slides used in our public presentations and TED talks. Gapminder Tools Offline Handouts & Lesson plans (PDF) Interactive presentations (Flash, PowerPoint etc.) Life expectancy is a very important measure when we compare the health of different countries.
Teach your students what it measures. Use this animated presentation when you lecture about HIV. A complete package of animations for your lecture. Is the world a better place? Från Liberia till Singapore. A clickable presentation on MDG4. Arabic version of Human Development Trends. Karolinska Institutet awards the Nobel Prize in Medicine. Barnadödlighet och antal barn per kvinna. For the Tellberg Forum. An interactive chart about gender equity (% women in parlament) in all countries.
The Income Distribution of the World over time. International health data for learning. SIMILE Widgets. Visualization: Motion Chart - Google Chart Tools. Overview A dynamic chart to explore several indicators over time. The chart is rendered within the browser using Flash. Note for Developers: Because of Flash security settings, this (and all Flash-based visualizations) might not work correctly when accessed from a file location in the browser (e.g., rather than from a web server URL (e.g., This is typically a testing issue only.
You can overcome this issue as described on the Adobe web site. Example (Note that the following code will not work when loaded as a local file; it must be loaded from a web server.) Loading The google.load package name is "motionchart". The visualization's class name is google.visualization.MotionChart. var visualization = new google.visualization.MotionChart(container); Data Format The first column must be of type 'string' and contain the entity names (e.g., "Apples", "Oranges", "Bananas" in the example above).
Setting Initial State Methods Events. Many Eyes. Main Page. 20 Fresh JavaScript Data Visualization Libraries. There are plenty of JavaScript libraries out there for rendering your otherwise plain and boring numerical data into beautiful, interactive, and informative visualizations. The beauty of using JavaScript for data visualization is that, if created correctly, your data will be highly accessible (usually via HTML tables). A long time ago (2008), I wrote about JavaScript solutions for graphing and charting data and this article revisits the topic with twenty more JavaScript libraries that you can use to bring your data to life. 1. Highcharts Highcharts is one of the most promising JavaScript charting libraries to hit the scene recently, with its large array of features including seven charting types (line, pie, and bar among them), the ability to zoom in and out of charts, and tooltips for offering more information about data points.
The library has many options for customization and they’re well documented on one page for easy referencing. 2. gRaphaël 3. 4. jQuery Visualize Plugin 5. moochart.
Prefuse | interactive information visualization toolkit.