Basic canvas rendering of Infant Mortality Choropleth. See that example for legend and tooltips and to learn more about the data.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"$schema": "https://vega.github.io/schema/vega-lite/v5.json", | |
"description": "Heatlane chart: https://www.smashingmagazine.com/2022/07/accessibility-first-approach-chart-visual-design/", | |
"data": {"url": "data/cars.json"}, | |
"height": 150, | |
"width": 400, | |
"title": "Heatlane", | |
"transform": [ | |
{"bin": true, "field": "Horsepower"}, | |
{ |
We can't make this file beautiful and searchable because it's too large.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
id,flag_tsunami,year,month,day,hour,minute,second,focal_depth,eq_primary,eq_mag_mw,eq_mag_ms,eq_mag_mb,eq_mag_ml,eq_mag_mfa,eq_mag_unk,intensity,country,state,location_name,latitude,longitude,region_code,deaths,deaths_description,missing,missing_description,injuries,injuries_description,damage_millions_dollars,damage_description,houses_destroyed,houses_destroyed_description,houses_damaged,houses_damaged_description,total_deaths,total_deaths_description,total_missing,total_missing_description,total_injuries,total_injuries_description,total_damage_millions_dollars,total_damage_description,total_houses_destroyed,total_houses_destroyed_description,total_houses_damaged,total_houses_damaged_description | |
338,,1048,,,,,,,,,,,,,,,UK,,UNITED KINGDOM: BRITIAN,52.0,,120,,3,,,,,,,,,,,,,,,,,,,,,, | |
771,Tsu,1580,4,6,,,,33,6.2,,,,6.2,,,,UK,,UNITED KINGDOM: DOVER STRAITS,51.019,1.309,120,,2,,,,,,2,,,,,,,,,,,,,,,, | |
7889,Tsu,1757,7,15,,,,,,,,,,,,,UK,,"UNITED KINGDOM: ENGLAND: ST. MARY, SCILLY ISLANDS",49.92,-6.32,120,,,,,,,,,,,, |
We can't make this file beautiful and searchable because it's too large.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
GLOBALEVENTID,SQLDATE,MonthYear,Year,FractionDate,Actor1Code,Actor1Name,Actor1CountryCode,Actor1KnownGroupCode,Actor1EthnicCode,Actor1Religion1Code,Actor1Religion2Code,Actor1Type1Code,Actor1Type2Code,Actor1Type3Code,Actor2Code,Actor2Name,Actor2CountryCode,Actor2KnownGroupCode,Actor2EthnicCode,Actor2Religion1Code,Actor2Religion2Code,Actor2Type1Code,Actor2Type2Code,Actor2Type3Code,IsRootEvent,EventCode,EventBaseCode,EventRootCode,QuadClass,GoldsteinScale,NumMentions,NumSources,NumArticles,AvgTone,Actor1Geo_Type,Actor1Geo_FullName,Actor1Geo_CountryCode,Actor1Geo_ADM1Code,Actor1Geo_ADM2Code,Actor1Geo_Lat,Actor1Geo_Long,Actor1Geo_FeatureID,Actor2Geo_Type,Actor2Geo_FullName,Actor2Geo_CountryCode,Actor2Geo_ADM1Code,Actor2Geo_ADM2Code,Actor2Geo_Lat,Actor2Geo_Long,Actor2Geo_FeatureID,ActionGeo_Type,ActionGeo_FullName,ActionGeo_CountryCode,ActionGeo_ADM1Code,ActionGeo_ADM2Code,ActionGeo_Lat,ActionGeo_Long,ActionGeo_FeatureID,DATEADDED,SOURCEURL |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<style> | |
body { | |
width: 1000px; | |
margin: 0 auto; | |
padding: 0; | |
} | |
</style> | |
<canvas id='painting' width=740 height=740></canvas> | |
<script src="d3.v4.js"></script> | |
<script> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Notes | Age Group | Age Group Code | Year | Year Code | Deaths | Population | Crude Rate | |
---|---|---|---|---|---|---|---|---|
< 1 year | 1 | 1999 | 1999 | 27937 | 3795762 | 736.0 | ||
< 1 year | 1 | 2000 | 2000 | 28035 | 3805648 | 736.7 | ||
< 1 year | 1 | 2001 | 2001 | 27568 | 4012658 | 687.0 | ||
< 1 year | 1 | 2002 | 2002 | 28034 | 3951461 | 709.5 | ||
< 1 year | 1 | 2003 | 2003 | 28025 | 3975871 | 704.9 | ||
< 1 year | 1 | 2004 | 2004 | 27936 | 4014258 | 695.9 | ||
< 1 year | 1 | 2005 | 2005 | 28440 | 4004393 | 710.2 | ||
< 1 year | 1 | 2006 | 2006 | 28527 | 4041738 | 705.8 | ||
< 1 year | 1 | 2007 | 2007 | 29138 | 4147997 | 702.5 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<meta charset="utf-8"> | |
<style> | |
</style> | |
<body> | |
<canvas id="painting" width=960 height=500> | |
<script src="https://d3js.org/d3.v4.js"></script> | |
<script> | |
var canvas = document.getElementById("painting"); | |
var ctx = canvas.getContext("2d"); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
license: gpl-3.0 | |
height: 560 | |
border: no |
NewerOlder