Adding examples/index.html.

examples/index.html is a page that lists all examples with links to
them.
Added utils.js to some of the example html files too.
This commit is contained in:
Robin Hu 2013-08-25 12:51:12 -04:00
parent 33aac696c8
commit 4f8dfc6002
5 changed files with 84 additions and 0 deletions

View File

@ -16,6 +16,7 @@ body {
<script src="../lib/d3.v3.js"></script>
<script src="../nv.d3.js"></script>
<script src="../src/utils.js"></script>
<script src="../src/models/bullet.js"></script>
<script>

View File

@ -21,6 +21,7 @@ Bullet Chart with Custom Labels
<script src="../lib/d3.v3.js"></script>
<script src="../nv.d3.js"></script>
<script src="../src/utils.js"></script>
<script src="../src/models/bullet.js"></script>
<script src="../src/models/bulletChart.js"></script>
<script>

View File

@ -15,6 +15,7 @@ body {
<script src="../lib/d3.v3.js"></script>
<script src="../nv.d3.js"></script>
<script src="../src/utils.js"></script>
<script src="../src/models/indentedTree.js"></script>
<script>

80
examples/index.html Normal file
View File

@ -0,0 +1,80 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"><html>
<title>NVD3 Examples List</title>
<body>
<style>
body {
font-family: Helvetica;
}
ul {
list-style: none;
float: left;
margin-right: 20px;
border-right: solid 1px #ccc;
}
li {
padding: 8px;
min-width: 220px;
}
a {
text-decoration: none;
display:block;
}
li:hover {
background-color: #ccc;
}
</style>
<h2>NVD3 Examples List</h2>
<ul>
<li><a href="bullet.html">bullet.html</a>
<li><a href="bulletChart.html">bulletChart.html</a>
<li><a href="crossfilter.html">crossfilter.html</a>
<li><a href="crossfilterWithDimentions.html">crossfilterWithDimentions.html</a>
<li><a href="crossfilterWithTables.html">crossfilterWithTables.html</a>
<li><a href="cumulativeLineChart.html">cumulativeLineChart.html</a>
<li><a href="discreteBarChart.html">discreteBarChart.html</a>
<li><a href="historicalBar.html">historicalBar.html</a>
<li><a href="historicalBarChart.html">historicalBarChart.html</a>
<li><a href="horizon.html">horizon.html</a>
<li><a href="indentedtree.html">indentedtree.html</a>
<li><a href="legend.html">legend.html</a>
<li><a href="line.html">line.html</a>
<li><a href="lineChart.html">lineChart.html</a>
<li><a href="lineChartSVGResize.html">lineChartSVGResize.html</a>
<li><a href="linePlusBarChart.html">linePlusBarChart.html</a>
<li><a href="linePlusBarWithFocusChart.html">linePlusBarWithFocusChart.html</a>
<li><a href="lineWithFisheyeChart.html">lineWithFisheyeChart.html</a>
<li><a href="lineWithFocusChart.html">lineWithFocusChart.html</a>
</ul>
<ul>
<li><a href="multiBar.html">multiBar.html</a>
<li><a href="multiBarChart.html">multiBarChart.html</a>
<li><a href="multiBarHorizontalChart.html">multiBarHorizontalChart.html</a>
<li><a href="multiChart.html">multiChart.html</a>
<li><a href="parallelCoordinates.html">parallelCoordinates.html</a>
<li><a href="pie.html">pie.html</a>
<li><a href="pieChart.html">pieChart.html</a>
<li><a href="scatter.html">scatter.html</a>
<li><a href="scatterChart.html">scatterChart.html</a>
<li><a href="scatterPlusLineChart.html">scatterPlusLineChart.html</a>
<li><a href="sparkline.html">sparkline.html</a>
<li><a href="sparklinePlus.html">sparklinePlus.html</a>
<li><a href="stackedArea.html">stackedArea.html</a>
<li><a href="stackedAreaChart.html">stackedAreaChart.html</a>
</ul>
<ul>
<strong>Test pages</strong>
<li><a href="../test/lineChartTest.html">Line Chart</a></li>
<li><a href="../test/pieChartTest.html">Pie Chart</a></li>
<li><a href="../test/ScatterChartTest.html">Scatter Chart</a></li>
<li><a href="../test/stackedAreaChartTest.html">Stacked Area Chart</a></li>
<li><a href="../test/polylinearTest.html">Polylinear Scale Line Chart</a></li>
<li><a href="../test/realTimeChartTest.html">Real Time Chart</a></li>
</ul>
</body>
</html>

View File

@ -10,6 +10,7 @@
<script src="../lib/d3.v3.js"></script>
<script src="../nv.d3.js"></script>
<script src="../src/utils.js"></script>
<script src="../src/models/legend.js"></script>
<script>