Created
May 2, 2025 14:09
-
-
Save cwervo/fd4a3c2f6aea5e86cab8d179d72c7d65 to your computer and use it in GitHub Desktop.
Post-Tufte Data Visualization
This file contains hidden or 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": "U.S. Wind Energy Nameplate Capacity (1990-2023), Tufte-inspired revision", | |
"title": { | |
"text": "U.S. Wind Energy Nameplate Capacity", | |
"subtitle": "Source: U.S. Energy Information Administration (EIA), Form 860 (1990-2023)" | |
}, | |
"width": 500, | |
"height": 300, | |
"data": { | |
"values": [ | |
{"year": 1990, "capacity_mw": 1980}, {"year": 1991, "capacity_mw": 2050}, | |
{"year": 1992, "capacity_mw": 2100}, {"year": 1993, "capacity_mw": 2200}, | |
{"year": 1994, "capacity_mw": 2350}, {"year": 1995, "capacity_mw": 2450}, | |
{"year": 1996, "capacity_mw": 2500}, {"year": 1997, "capacity_mw": 2550}, | |
{"year": 1998, "capacity_mw": 2650}, {"year": 1999, "capacity_mw": 4000}, | |
{"year": 2000, "capacity_mw": 5300}, {"year": 2001, "capacity_mw": 6700}, | |
{"year": 2002, "capacity_mw": 7400}, {"year": 2003, "capacity_mw": 9100}, | |
{"year": 2004, "capacity_mw": 11600}, {"year": 2005, "capacity_mw": 14100}, | |
{"year": 2006, "capacity_mw": 16800}, {"year": 2007, "capacity_mw": 25200}, | |
{"year": 2008, "capacity_mw": 35100}, {"year": 2009, "capacity_mw": 40300}, | |
{"year": 2010, "capacity_mw": 46900}, {"year": 2011, "capacity_mw": 60000}, | |
{"year": 2012, "capacity_mw": 71900}, {"year": 2013, "capacity_mw": 72900}, | |
{"year": 2014, "capacity_mw": 77700}, {"year": 2015, "capacity_mw": 86100}, | |
{"year": 2016, "capacity_mw": 94100}, {"year": 2017, "capacity_mw": 103600}, | |
{"year": 2018, "capacity_mw": 112300}, {"year": 2019, "capacity_mw": 122500}, | |
{"year": 2020, "capacity_mw": 139400}, {"year": 2021, "capacity_mw": 141300}, | |
{"year": 2022, "capacity_mw": 144200}, {"year": 2023, "capacity_mw": 147500} | |
] | |
}, | |
"transform": [ | |
{ | |
"calculate": "toDate(datum.year + '-01-01')", | |
"as": "date" | |
} | |
], | |
"mark": { | |
"type": "line", | |
"point": false, | |
"color": "black" | |
}, | |
"encoding": { | |
"x": { | |
"field": "date", | |
"type": "temporal", | |
"title": "Year", | |
"axis": { | |
"values": [ | |
{"year": 1990}, {"year": 1995}, {"year": 2000}, {"year": 2005}, | |
{"year": 2010}, {"year": 2015}, {"year": 2020} | |
], | |
"format": "%Y", | |
"grid": false, | |
"ticks": true, | |
"domain": false // Removed axis domain line | |
} | |
}, | |
"y": { | |
"field": "capacity_mw", | |
"type": "quantitative", | |
"title": "Nameplate Capacity (MW)", | |
"axis": { | |
"titlePadding": 10, | |
"grid": false, | |
"ticks": true, | |
"domain": false // Removed axis domain line | |
} | |
}, | |
"tooltip": [ | |
{"field": "date", "type": "temporal", "format": "%Y", "title": "Year"}, | |
{"field": "capacity_mw", "type": "quantitative", "format": ",", "title": "Capacity (MW)"} | |
] | |
}, | |
"config": { | |
"axis": { | |
// General axis styling (ticks, labels, titles) | |
"tickColor": "black", | |
"labelColor": "black", | |
"titleColor": "black", | |
"labelPadding": 5 | |
}, | |
"title": { | |
"color": "black", | |
"subtitleColor": "black" | |
}, | |
"legend": {"disable": true}, | |
"view": {"stroke": null} | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment