d3tutorial/exercise7.html at master · yiinan/d3tutorial · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html>
<meta charset="utf-8">
<style>
body{background-color: #fcc;}
svg#the-right-svg{background-color: #dfd;}
svg#the-wrong-svg{background-color: #faa;}
svg#the-right-svg text {font: bold 100px monospace;}
tspan.right{fill:green;}
</style>
<h1 style="font: bold 2em monospace">EXERCISE 7</h1>
<svg id="the-wrong-svg" width="200" height="200"></svg>
<svg id="the-right-svg" width="80vw" height="80vw" viewbox="-50 -50 100 100">
</svg>
<script src="https://d3js.org/d3.v4.min.js"></script>
<script>
/**
*  EXERCISE DESCRIPTION:
*  How to make visualizations using d3's built in layouts. Make responsive
*  pie-chart with the csv data from the doodle.
*
*  SUBJECTS COVERED
*    - layouts
*    - All previous subjects
*/

</script>