Een verhaal vertellen met vrij beschikbare gegevens en visualisatie tools. (12 / 18 stap)

Stap 12: Uitvoering van de visualisatie-overzicht

Zoals we eerder hebben uitgelegd, zullen we gegevens uit het UNESCO instituut gebruiken voor statistieken en de D3 visualation bibliotheek.

Onze visualisatie bevat de volgende bestanden:

HTML Layout file:
\litrate\index.html

Gegevensbestanden gebruikt voor de weergave van de Globe-weergave en de weergave van de kaart:
\litrate\nodes.CSV – gebruikt voor kaartweergave
\litrate\world-countries.json – gebruikt voor kaartweergave

\litrate\places.json – gebruikt voor weergave van de Globe
\litrate\world-110m.json – gebruikt voor weergave van de Globe

Stijlen:
\Styles\960.CSS-960 grid gebruikt voor lay-out
\Styles\uis.litrate.CSS – stijlen met in de visualisatie

JavaScript-bronnen:
\Scripts\jquery-1.8.2.min.js-Jquery bibliotheek
\Scripts\unesco\uis.litrt.country.js-JavaScript uitvoering

Wij ook koppelen met de volgende bibliotheken D3 bibliotheken:
D3.v3.min.js - Main d3 bibliotheek
D3.geo.Projection.v0.js - D3-bibliotheek waarmee verschillende projecties
topojson.v0.min.js - D3 bibliotheek voor topologie rendering
Queue.v1.min.js - D3-bibliotheek die ondersteuning biedt voor asynchrone laden

Opmerking: Zipbestand met alle van de bovenstaande bestanden voor download kan worden gevonden op stap 17 van deze tutorial.

Gerelateerde Artikelen

Hoe maak je een foto een verhaal vertellen.

Hoe maak je een foto een verhaal vertellen.

I 'm gonna tonen u hoe u een beeld tonen van beweging door het samenstellen van een paar foto's. Op deze manier zal de foto een verhaal vertellen. En is dat niet wat foto's geacht worden te doen?Stap 1: over de achtergrond. Het eerste ding dat u nodi
Het onderwijs van Wang Shen: een verhaal vertelde met tangrams

Het onderwijs van Wang Shen: een verhaal vertelde met tangrams

Tangrams zijn een Chinese puzzel die bestaat uit zeven stukken.  Er zijn twee grote rechts driehoeken, een middelgrote rechthoekige driehoek, een vierkant, een parallellogram en twee kleine rechts driehoeken.  De stukken worden gecombineerd om de vor
Optimaliseren van een Wordpress Blog met behulp van de Yoast SEO Tool

Optimaliseren van een Wordpress Blog met behulp van de Yoast SEO Tool

Een van de belangrijkste stappen in het publiceren van een blog op Wordpress is om de blog optimaliseren voor zoekmachines met behulp van een tool als Yoast. Berichten die niet zijn geoptimaliseerd zal niet goed positie in zoekmachines zoals Google.
Een perfecte presentatie doos maken voor een perfecte Gift (met inbegrip van de dingen die Martha Stewart vergeet te vertellen!)

Een perfecte presentatie doos maken voor een perfecte Gift (met inbegrip van de dingen die Martha Stewart vergeet te vertellen!)

Hebt u ooit iets zo cool gemaakt voor iemand die je wist dat je kon niet gewoon stok in een gewatteerde envelop en uit het schip naar hen?ik gewandeld van Breckenridge naar Aspen met mijn dan 14 maanden oude op mijn rug in eind augustus van 2015. Ik
Maak een aangepaste 3D prothetische afdrukbare apparaat met behulp van gegevens uit een CT-scanner

Maak een aangepaste 3D prothetische afdrukbare apparaat met behulp van gegevens uit een CT-scanner

Dit Instructable illustreert hoe maak je een aangepaste 3D prothetische afdrukbare apparaat met behulp van gegevens uit een CT-scanner. In dit geval zal ik het proces voor het maken van een aangepaste luchtpijp stent illustreren. Dit Instructable bev
Zoete aardappel koe taarten - met een verhaal

Zoete aardappel koe taarten - met een verhaal

De drie kleine koeien (afbeelding 2)(afbeelding 3)Drie kleine koeien gingen op zoek naar pi(e).De eerste zei: "daar is het! Ik zie het in de hemel."De derde koe zei, "Nee, dat is het niet.Wij op zoek bent naar het soort dat is oneindig.&quo
Met behulp van een Arduino en Python plot/opslaan gegevens

Met behulp van een Arduino en Python plot/opslaan gegevens

een snelle en gemakkelijke manier om te zien (en sla) gegevens genomen met behulp van een Arduino op uw computer.(Opmerking: niet de meest robuuste methode, maar het werkt goed genoeg)Materialen:-Arduino (im ' using een Uno)-Computer (ik heb een Dell
Maken van een draagbare barcodescanner met een arduino en een cuecat

Maken van een draagbare barcodescanner met een arduino en een cuecat

rond het begin van de eeuw, was er een bedrijf waarvan bedrijfsmodel opgenomen weggeven van gratis barcodescanners die wedijveren met toetsenborden.    Een relatief eenvoudig mod met deze scanners cuecat verwijderd van de codering en maakte hen gesch
Kras bouwen een RC auto met CAD en Rapid Prototyping

Kras bouwen een RC auto met CAD en Rapid Prototyping

IntroductieVoor een lange tijd ik heb gezocht om te bouwen van een RC auto volledig vanaf nul, maar nooit helemaal had toegang tot alle hulpmiddelen nodig om het te doen met de hand of kunnen rechtvaardigen de kosten van het gebruik van snelle protot
Meubels gemakkelijker te regelen: Maak een schaal tekenen met beweegbare meubels!

Meubels gemakkelijker te regelen: Maak een schaal tekenen met beweegbare meubels!

ik absoluut haat het schikken van en het herschikken van meubilair.  Ik haat geen het eindresultaat van een aantrekkelijke en functionele woonruimte, maar ik haat proberen te achterhalen de traditionele manier - je weet, Alles bewegen over en weer, g
Maken van een 3D-Printer met behulp van een CNC-router - de "Deltabot"

Maken van een 3D-Printer met behulp van een CNC-router - de "Deltabot"

Een andere mogelijke titel zou "Maak een 3D machine met behulp van een 2D machine."Dit Instructable is over het gebruik van een CNC-router en 2D-ontwerpen voor het maken van een 3D-Printer van Delta.In mijn onderzoek over 3D printers voor hobbyi
Hoe naar het Stencil een T-Shirt met behulp van bleekmiddel en een Vinyl Sticker

Hoe naar het Stencil een T-Shirt met behulp van bleekmiddel en een Vinyl Sticker

er zijn veel verschillende manieren om te maken een eigen T-shirt. Als u op zoek bent om een stenig, distressed look, is een bleekmiddel stencil een eenvoudige en relatief goedkope manier om het te krijgen. U kunt het maken van een stencil voor deze
System 7.0-software installeren op een klassieke mac met behulp van een pc (en een hoop andere rommel)

System 7.0-software installeren op een klassieke mac met behulp van een pc (en een hoop andere rommel)

dus hier het scenario is, ik heb een idee voor een project, dat project moet een klassiek Macintosh-computer, dus ik pakte een paar 68 k compact macs uit de lokale recyclingbedrijven voor een dollar elke (degenen echt dood, atm) degene die functies i
Onbeperkt geheugen toe te voegen aan een EVO T20 met NT4e om een nuttige Computer

Onbeperkt geheugen toe te voegen aan een EVO T20 met NT4e om een nuttige Computer

Compaq EVO T20 Thin Clients kunnen afgehaald worden voor minder dan $50 en zijn in principe beperkt mini computers, die met een beetje vrij beschikbare software en sommige setup kunnen worden gemaakt in een bruikbare stille laagspanning-desktopcomput