| { | |
| "$schema": "https://vega.github.io/schema/vega/v5.json", | |
| "description": "A basic stacked area chart example.", | |
| "width": 500, | |
| "height": 200, | |
| "padding": 5, | |
| "data": [ | |
| { | |
| "name": "table", | |
| "format": { |
| Continent | Country | City | Population | |
|---|---|---|---|---|
| Asia | China | Shanghai | 24256800 | |
| Asia | Pakistan | Karachi | 23500000 | |
| Asia | China | Beijing | 21516000 | |
| Asia | India | Delhi | 16787941 | |
| Asia | China | Tianjin | 15200000 | |
| Asia | Japan | Tokyo | 13513734 | |
| Asia | China | Guangzhou | 13080500 | |
| Asia | India | Mumbai | 12442373 | |
| Asia | China | Shenzhen | 10467400 |
| imgs/* |
| license: mit | |
| height: 800 |
This is a simple setup of Leaflet (via Mapbox) with d3 to show dots on a map. This can serve as a base for many interesting geographically based visualizations
Nice overview of using d3 + Leaflet. I found this slightly simpler to use than Mike's classic post.
Built with blockbuilder.org
forked from enjalot's block: dots on a map: setup-gl
| license: mit |
| license: gpl-3.0 | |
| height: 950 | |
| border: no |
| license: gpl-3.0 |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <link rel="stylesheet" type="text/css" href="style.css"> | |
| <title>Matrix colors generator</title> | |
| </head> | |
| <body> | |
| <label for="topLeft">Top Left <input id="topLeft" class="jscolor" value="#ffff00"></label> |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.6.1/p5.min.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.6.1/addons/p5.dom.min.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.6.1/addons/p5.sound.min.js"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/mappa-mundi/dist/mappa.min.js"></script> | |
| <link rel="stylesheet" type="text/css" href="style.css"> | |
| <meta charset="utf-8" /> |