A black and gray SVG Line chart
A straightforward Line chart that's showing UFO sightings over the past century. As you can see - people's creativity is clearly on the increase - particularly since the 1990s!
The background grid is customised with white and an increased number of vertical lines.
The X-axis labels are just years, the axes have been turned off and the tickmarks for the line are filled circles.
On the whole, it's a pretty regular Line chart. The
responsive configuration just shrinks the size of the chart
and reduces the size of the
linewidth and the
This goes in the documents header:
<script src="../libraries/RGraph.svg.common.core.js" ></script> <script src="../libraries/RGraph.svg.line.js" ></script>Put this where you want the chart to show up:
<div style="float: right"> <div style="width: 600px; height: 250px" id="chart-container"></div> </div>This is the code that generates the chart - it should be placed AFTER the