Skip to content

Instantly share code, notes, and snippets.

@Jennyandhuang

Jennyandhuang/MultipleLinesChart-D3-Part1.html

Last active December 21, 2020 15:09
Show Gist options
  • Save Jennyandhuang/884ef5d45f3466a16835b1e103a0c1e4 to your computer and use it in GitHub Desktop.
Save Jennyandhuang/884ef5d45f3466a16835b1e103a0c1e4 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
MultipleLinesChart-D3-Part1.html
<head>
<!-- Load d3 source scripts -->
<script src="https://d3js.org/d3.v4.min.js" type="text/JavaScript"></script>
<script src="https://d3js.org/colorbrewer.v1.min.js"></script>
<!-- style section-->
<style>
.axis path{
stroke:black;
stroke-width:2px ;
}
.axis line{
stroke: black;
stroke-width: 1.5px;
}
.axis text{
fill: black;
font-weight: bold;
font-size: 14px;
font-family:"Arial Black", Gadget, sans-serif;
}
.legend text{
fill: black;
font-family:"Arial Black", Gadget, sans-serif;
}
</style>
</head>
<body onload="lineChart()">
<!-- svg canvas-->
<svg width="1200" height="750" style="background-image: url('https://etc.usf.edu/presentations/backgrounds/grid/grid_04/1304m.gif');">
</svg>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment