This chart shows the monthly downloads of th Vega-Lite package from NPM. The data comes from https://npm-stat.com/charts.html?package=vega-lite. The number on the right shows the number of downloads for the current month.
Forked from Ham's block.
| license: bsd-3-clause |
This chart shows the monthly downloads of th Vega-Lite package from NPM. The data comes from https://npm-stat.com/charts.html?package=vega-lite. The number on the right shows the number of downloads for the current month.
Forked from Ham's block.
| <!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 = "vl.vl.json"; | |
| vegaEmbed('#vis', spec).catch(console.warn); | |
| </script> | |
| </body> |
| { | |
| "$schema": "https://vega.github.io/schema/vega-lite/v2.json", | |
| "data": { | |
| "url": "https://npm-stat.com/downloads/range/2016-01-01:9999-01-01/vega-lite", | |
| "format": { | |
| "property": "downloads" | |
| } | |
| }, | |
| "title": "NPM Downloads for Vega-Lite per Month", | |
| "width": 600, | |
| "height": 260, | |
| "mark": "bar", | |
| "encoding": { | |
| "x": { | |
| "timeUnit": "utcyearmonth", | |
| "field": "day", | |
| "type": "ordinal", | |
| "axis": { | |
| "title": null, | |
| "labelFlush": false | |
| } | |
| }, | |
| "y": { | |
| "field": "downloads", | |
| "type": "quantitative", | |
| "axis": { | |
| "title": "Monthly Downloads" | |
| }, | |
| "aggregate": "sum" | |
| }, | |
| "opacity": { | |
| "condition": { | |
| "test": "year(datum.utcyearmonth_day) == year(now()) && month(datum.utcyearmonth_day) == month(now())", | |
| "value": 0.5 | |
| }, | |
| "value": 1 | |
| } | |
| } | |
| } |