Radar charts are used to create a filled area based on an n-sided polygon.
Featured on D3plus.org
Radar charts are used to create a filled area based on an n-sided polygon.
Featured on D3plus.org
<!doctype html> | |
<meta charset="utf-8"> | |
<script src="//d3plus.org/js/d3.js"></script> | |
<script src="//d3plus.org/js/d3plus.js"></script> | |
<div id="viz"></div> | |
<script> | |
var sample_data = [ | |
{"name": "alpha", "skill": "power", "value": 4}, | |
{"name": "alpha", "skill": "courage", "value": 8}, | |
{"name": "alpha", "skill": "wisdom", "value": 2}, | |
{"name": "beta", "skill": "power", "value": 5}, | |
{"name": "beta", "skill": "courage", "value": 4}, | |
{"name": "beta", "skill": "wisdom", "value": 6} | |
]; | |
var visualization = d3plus.viz() | |
.container("#viz") | |
.data(sample_data) | |
.id(["name", "skill"]) | |
.size("value") | |
.type("radar") | |
.draw(); | |
</script> |