A sunburst is similar to the treemap, except it uses a radial layout. The root node of the tree is at the center, with leaves on the circumference. The area (or angle, depending on implementation) of each arc corresponds to its value. Sunburst design by John Stasko. Data courtesy Jeff Heer.
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
choco install brave | |
choco install googlechrome | |
choco install vscode | |
choco install poshgit | |
choco install inkscape | |
choco install lastpass | |
choco install qbittorrent | |
choco install steam | |
choco install gimp | |
choco install microsoft-edge |
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
### Keybase proof | |
I hereby claim: | |
* I am the-greenman on github. | |
* I am the_greenman (https://keybase.io/the_greenman) on keybase. | |
* I have a public key ASA_F4QvYPtTC02Pn8LbCv1hLhRpFwOoJGmtSX-7Sc96nwo | |
To claim this, I am signing this object: |
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> | |
<html> | |
<head> | |
<title>Pie Chart</title> | |
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.js?2.3.0"></script> | |
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.layout.js?2.3.0"></script> | |
<style type="text/css"> | |
body { | |
font: 10px sans-serif; |
This donut chart is constructed from a CSV file storing the populations of various age groups. The chart employs a number of D3 features:
- d3.csv - load and parse data
- d3.scale.ordinal - color encoding
- d3.svg.arc - display arcs
- d3.layout.pie - compute arc angles from data