| license: bsd-3-clause |
Vega-Lite chart that shows cumulative donations to Wikipedia over the past 10 years. This chart was inspired by https://www.reddit.com/r/dataisbeautiful/comments/7guwd0/cumulative_wikimedia_donations_over_the_past_10/ but using lines instead of areas. This chart automatically updates when new data becomes available.
Data comes from https://frdata.wikimedia.org/. Thanks to @dbautistav for fixing a bug with time parsing.
| <!DOCTYPE html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <script src="https://cdn.jsdelivr.net/npm/vega@3"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/vega-lite@2"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/vega-embed@3"></script> | |
| <style> | |
| body { | |
| font-family: sans-serif; | |
| } | |
| .vega-actions a { | |
| padding: 0.2em; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div id="vis"></div> | |
| <script> | |
| const spec = "spec.vl.json"; | |
| vegaEmbed('#vis', spec).catch(console.warn); | |
| </script> | |
| </body> |
| { | |
| "$schema": "https://vega.github.io/schema/vega-lite/v2.json", | |
| "data": {"url": "https://frdata.wikimedia.org/donationdata-vs-day.csv"}, | |
| "width": 600, | |
| "height": 300, | |
| "mark": "line", | |
| "encoding": { | |
| "x": { | |
| "field": "date", | |
| "type": "temporal", | |
| "timeUnit": "utcmonthdate", | |
| "axis": {"format": "%B", "title": "Month"} | |
| }, | |
| "y": { | |
| "field": "ytdsum", | |
| "type": "quantitative", | |
| "aggregate": "max", | |
| "stack": null, | |
| "axis": {"title": "Donations Till the Beginning of the Year"} | |
| }, | |
| "color": { | |
| "field": "date", | |
| "type": "ordinal", | |
| "timeUnit": "utcyear", | |
| "legend": {"title": "Year"} | |
| }, | |
| "order": {"field": "date", "type": "ordinal", "timeUnit": "year"} | |
| } | |
| } |
