Skip to content

Commit

Permalink
A little basic formatting
Browse files Browse the repository at this point in the history
to give it a lighter tuftier feel
(well not really)

close #993
  • Loading branch information
gordonwoodhull committed Feb 8, 2016
1 parent 63004bc commit 1544987
Showing 1 changed file with 3 additions and 2 deletions.
5 changes: 3 additions & 2 deletions web/examples/sparkline.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,9 +5,10 @@
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="../css/dc.css"/>
</head>
<body>
<body style="margin: 1in">

A sparkline <span id="bartest"></span> is just a tiny chart that fits in to the flow of text. We can acchieve this by using a <code>span</code> instead of a <code>div</code>, and making the dimensions really small. They will work well for any chart with a large x:y aspect ratio, like a line chart <span id="linetest"></span> but other kinds of charts probably won't work so well. We'll also use a little bit of custom CSS to hide the axes (see <a href="https://github.com/dc-js/dc.js/blob/develop/web/examples/sparkline.html">the source</a> for details).
<h3>Sparklines</h3>
<p>A sparkline <span id="bartest"></span> is just a tiny chart that fits in to the flow of text. We can achieve this by using a <code>span</code> instead of a <code>div</code>, and making the dimensions really small. They will work well for any chart with a large x:y aspect ratio, like a line chart <span id="linetest"></span> or a bar chart but other kinds of charts probably won't work so well. We'll also use a little bit of custom CSS to hide the axes (see <a href="https://github.com/dc-js/dc.js/blob/develop/web/examples/sparkline.html">the source</a> for details).</p>

<script type="text/javascript" src="../js/d3.js"></script>
<script type="text/javascript" src="../js/crossfilter.js"></script>
Expand Down

0 comments on commit 1544987

Please sign in to comment.