9 free mapping tools and resources for visual storytelling | Media news The resources available for working with data and visualising it have become more numerous and more accessible in recent years. "We find ourselves in this perfect storm where suddenly journalists, everybody, is paying attention to data and the ability to collect data and create new data," Vizzuality's Andrew Hill told Journalism.co.uk earlier this year. Vizzuality created open source mapping tool CartoDB, and the team also set up "the map academy" where journalists can access free resources to learn more about online mapping. Mapping can be a powerful storytelling tool, which journalists can use to take their audience on a journey following a narrative storyline, or to illustrate and make sense of fast moving breaking news events. Here is a list of 11 mapping tools reporters can use to add an extra dimension to their reporting and to build a more immersive experience for readers. CartoDB Screenshot: Map: Rebels' path through Iraq, Al Jazeera using CartoDB BatchGeo ZeeMaps StoryMapJS
Timeline JS - Beautifully crafted timelines that are easy, and intuitive to use. Wiki Dotspotting - Welcome! import.io blog Graphviz Un article de Wikipédia, l'encyclopédie libre. Graphviz est un logiciel libre distribué suivant la licence Common Public License. Voir aussi[modifier | modifier le code] Liens externes[modifier | modifier le code] (en) Site web de Graphviz Extensions et dérivés[modifier | modifier le code] Documentation[modifier | modifier le code] (fr) Génération de graphes avec GraphViz (Hugo Etiévant, 2004) Maperitive Web Standards D3 is built on top of several common web standards. Don’t worry if you don’t know all the nitty-gritty details of these standards, you can pick this stuff up pretty quickly. HTML (HyperText Markup Language) is a text format that most web pages are written in. The <div> and <span> tags are special because browers don’t apply default styles to them, so HTML authors can use them to define custom groups. The basic outline of an HTML page is something like this: <! CSS (Cascading Stylesheets) is a language for styling HTML pages. CSS styles (also know as selectors) are typically applied to HTML tags based on their name, class, or ID. Here are some simple CSS rules and how they apply. <div><p>Normal paragraph</p><p class="red">Red paragraph</p></div><ol><li id="some-id">Unique element</li><li>Another list element</li><li><p>Paragraph inside list element</p><p>Second paragraph</p></li></ol> The DOM When a browser displays an HTML page, it creates an interactive object graph from the tag hierarchy.
v0.99 Preview: Graphviz and DiagrammeR Soon after the announcement of htmlwidgets, Rich Iannone released the DiagrammeR package, which makes it easy to generate graph and flowchart diagrams using text in a Markdown-like syntax. The package is very flexible and powerful, and includes: Rendering of Graphviz graph visualizations (via viz.js)Creating diagrams and flowcharts using mermaid.jsFacilities for mapping R objects into graphs, diagrams, and flowcharts. We’re very excited about the prospect of creating sophisticated diagrams using an easy to author plain-text syntax, and built some special authoring support for DiagrammeR into RStudio v0.99 (which you can download a preview release of now). Graphviz Meets R DiagrammeR can render any DOT script. You can render the diagram with: library(DiagrammeR) grViz("boxes.dot") Since the diagram is an htmlwidget it can be used at the R console, within R Markdown documents, and within Shiny applications. Diagrams with mermaid.js library(DiagrammeR) mermaid("sequence.mmd") Try it Out Like this:
Find out where you are on the Cyberthreat map / Узнай, где сейчас кипит кибервойна Periscope Datavisualization.ch Selected Tools Google maps tutorial (part 5/5): How to create Fusion Tables heat map Tutorial goals: understand the ideas behind Google Fusion Tables heat maps; create an interactive map showing state-by-state U.S. population, as shown in the sample below. (This post is part five of a 5-part tutorial on creating Fusion Tables intensity map; the other parts are listed as related posts at end of this post) How Fusion Tables works to create heat maps It is essential that you understand the idea and the steps in creating a Fusion Tables map; otherwise, you will easily get lost when working on the demo map in this tutorial. In its simplest form, a Fusion Tables map is a fusion, or merger, of two tables. In the U.S. population example, I have two tables: one contains state-by-state population numbers, the other one contains geographic information of each state (i.e., shape and boundary). The typical workflow is that you manage to get hold of two tables, upload them to Fusion Tables, merge the two tables, visualized the new table on a map, style the map, then share it. Step 1.