Maria Eugenia López freaktiful
freaktiful
/ bar-data.csv
Last active
September 21, 2021 09:18
Bar chart with bar selection opens linear chart with multiple interval selection
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
| date | y | ||
|---|---|---|---|
| 25/07/2018 8:00 | 250 | ||
| 25/07/2018 8:10 | 400 | ||
| 25/07/2018 8:20 | 120 | ||
| 25/07/2018 8:30 | 200 | ||
| 25/07/2018 8:40 | 120 | ||
| 25/07/2018 8:50 | 320 | ||
| 25/07/2018 9:00 | 390 | ||
| 25/07/2018 9:10 | 100 | ||
| 25/07/2018 9:20 | 100 |
freaktiful
/ index.html
Created
February 11, 2021 16:55
Radial stacked bar chart with donut chart around it (tooltips and transitions)
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> | |
| <link rel="stylesheet" href="style.css"> | |
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/bumbeishvili/d3-tip-for-v6@4/d3-tip.min.css"> | |
| <meta charset="utf-8"> | |
| <svg width="500" height="500" font-family="sans-serif" font-size="10"></svg> | |
| <script src="https://d3js.org/d3.v5.min.js"></script> | |
| <script src="https://unpkg.com/d3-v6-tip@1.0.6/build/d3-v6-tip.js"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/underscore@1.12.0/underscore-min.js"></script> | |
| <script> |