Put the docs back in order to deploy with git subtree push

experience-experiments · Sep 15, 2016 · e636610 · e636610
1 parent 791b583
commit e636610
Show file tree

Hide file tree

Showing 24 changed files with 372 additions and 1 deletion.
diff --git a/.gitignore b/.gitignore
@@ -1,7 +1,6 @@
 # IntelliJ project files
 .idea
 *.iml
-docs/
 
 ### OSX template
 .DS_Store

diff --git a/docs/area-chart/index.html b/docs/area-chart/index.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<html>
+<title>Area Chart</title>
+<link rel="stylesheet" href="../root-styles.css">
+<body>
+<div id="root"></div>
+
+<script type="text/javascript" src="../temp/../lib/shared_commons.js"></script><script type="text/javascript" src="../temp/../lib/legend.js"></script><script type="text/javascript" src="../temp/../lib/area-chart.js"></script></body>
+</html>
diff --git a/docs/bar-chart/index.html b/docs/bar-chart/index.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<html>
+<title>Bar Chart</title>
+<link rel="stylesheet" href="../root-styles.css">
+<body>
+<div id="root"></div>
+
+<script type="text/javascript" src="../temp/../lib/shared_commons.js"></script><script type="text/javascript" src="../temp/../lib/legend.js"></script><script type="text/javascript" src="../temp/../lib/bar-chart.js"></script></body>
+</html>
diff --git a/docs/images/animated-graph.gif b/docs/images/animated-graph.gif
diff --git a/docs/images/app.js b/docs/images/app.js
diff --git a/docs/images/area-chart.jpg b/docs/images/area-chart.jpg
diff --git a/docs/images/bar-chart.jpg b/docs/images/bar-chart.jpg
diff --git a/docs/images/legend.jpg b/docs/images/legend.jpg
diff --git a/docs/images/line-chart.jpg b/docs/images/line-chart.jpg
diff --git a/docs/images/pie-chart.jpg b/docs/images/pie-chart.jpg
diff --git a/docs/images/scatterplot-chart.jpg b/docs/images/scatterplot-chart.jpg
diff --git a/docs/index.html b/docs/index.html
@@ -0,0 +1,102 @@
+<!doctype html>
+<html>
+<title>React d3 reusable graph examples</title>
+<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
+<link rel="stylesheet" href="./root-styles.css">
+<body>
+  <a href="https://github.com/rma-consulting/react-easy-chart"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/38ef81f8aca64bb9a64448d0d70f1308ef5341ab/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6461726b626c75655f3132313632312e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png"></a>
+  <header class="header">
+    <div class="grid">
+      <h1>React Easy Chart</h1>
+      <p>A selection D3.js charts designed specifically for ease-of-use with React.js projects</p>
+    </div>
+    <nav class="header-nav">
+      <ul>
+        <li><a href="bar-chart/index.html">Bar chart</a></li>
+        <li><a href="pie-chart/index.html">Pie chart</a></li>
+        <li><a href="line-chart/index.html">Line chart</a></li>
+        <li><a href="area-chart/index.html">Area chart</a></li>
+        <li><a href="scatterplot-chart/index.html">Scatterplot chart</a></li>
+        <li><a href="legend/index.html">Legend</a></li>
+      </ul>
+    </nav>
+  </header>
+  <div class="container">
+    <div class="row">
+      <div class="m50 img">
+        <a href="bar-chart/index.html">
+          <img src="./images/bar-chart.jpg" alt="Bar Chart" />
+        </a>
+      </div>
+      <div class="m50 copy">
+        <h2><a href="bar-chart/index.html">Bar chart</a></h2>
+        <p>A bar chart or bar graph is a chart that presents Grouped data with rectangular bars with lengths proportional to the values that they represent.<sup>(<a href="https://en.wikipedia.org/wiki/Bar_chart">ref</a>)</sup></p>
+        <span><a href="bar-chart/index.html">View documentation</a></span>
+      </div>
+    </div>
+    <div class="row">
+      <div class="m50 img">
+        <a href="pie-chart/index.html">
+          <img src="./images/pie-chart.jpg" alt="Pie Chart" />
+        </a>
+      </div>
+      <div class="m50 copy">
+        <h2><a href="pie-chart/index.html">Pie chart</a></h2>
+        <p>A pie chart (or a circle chart) is a circular statistical graphic, which is divided into slices to illustrate numerical proportion.<sup>(<a href="https://en.wikipedia.org/wiki/Pie_chart">ref</a>)</sup></p>
+        <span><a href="pie-chart/index.html">View documentation</a></span>
+      </div>
+    </div>
+    <div class="row">
+      <div class="m50 img">
+        <a href="line-chart/index.html">
+          <img src="./images/line-chart.jpg" alt="Line Chart" />
+        </a>
+      </div>
+      <div class="m50 copy">
+        <h2><a href="line-chart/index.html">Line chart</a></h2>
+        <p>A line chart or line graph is a type of chart which displays information as a series of data points called 'markers' connected by straight line segments.<sup>(<a href="https://en.wikipedia.org/wiki/Line_chart">ref</a>)</sup></p>
+        <span><a href="line-chart/index.html">View documentation</a></span>
+      </div>
+    </div>
+    <div class="row">
+      <div class="m50 img">
+        <a href="area-chart/index.html">
+          <img src="./images/area-chart.jpg" alt="Area Chart" />
+        </a>
+      </div>
+      <div class="m50 copy">
+        <h2><a href="area-chart/index.html">Area chart</a></h2>
+        <p>An area chart or area graph displays graphically quantitive data. It is based on the line chart. The area between axis and line are commonly emphasized with colors, textures and hatchings.<sup>(<a href="https://en.wikipedia.org/wiki/Area_chart">ref</a>)</sup></p>
+        <span><a href="area-chart/index.html">View documentation</a></span>
+      </div>
+    </div>
+    <div class="row">
+      <div class="m50 img">
+        <a href="scatterplot-chart/index.html">
+          <img src="./images/scatterplot-chart.jpg" alt="Scatterplot Chart" />
+        </a>
+      </div>
+      <div class="m50 copy">
+        <h2><a href="scatterplot-chart/index.html">Scatterplot chart</a></h2>
+        <p>A scatter plot, scatterplot, or scattergraph is a type of mathematical diagram using Cartesian coordinates to display values for typically two variables for a set of data.<sup>(<a href="https://en.wikipedia.org/wiki/Scatter_plot">ref</a>)</sup></p>
+        <span><a href="scatterplot-chart/index.html">View documentation</a></span>
+      </div>
+    </div>
+    <div class="row">
+      <div class="m50 img">
+        <a href="legend/index.html">
+          <img src="./images/legend.jpg" alt="Legend Component" />
+        </a>
+      </div>
+      <div class="m50 copy">
+        <h2><a href="legend/index.html">Legend component</a></h2>
+        <p>The legend component provides a key to the data and is designed to work with the Pie and Scatter plot charts. The legend component is easily cusomised via css</p>
+        <span><a href="legend/index.html">View documentation</a></span>
+      </div>
+    </div>
+  </div>
+  <footer>
+
+  </footer>
+</body>
+</html>
diff --git a/docs/legend/index.html b/docs/legend/index.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<html>
+<title>Legend</title>
+<link rel="stylesheet" href="../root-styles.css">
+<body>
+<div id="root"></div>
+
+<script type="text/javascript" src="../temp/../lib/shared_commons.js"></script><script type="text/javascript" src="../temp/../lib/legend.js"></script></body>
+</html>
diff --git a/docs/lib/area-chart.js b/docs/lib/area-chart.js
diff --git a/docs/lib/bar-chart.js b/docs/lib/bar-chart.js
diff --git a/docs/lib/legend.js b/docs/lib/legend.js
diff --git a/docs/lib/line-chart.js b/docs/lib/line-chart.js
diff --git a/docs/lib/pie-chart.js b/docs/lib/pie-chart.js
diff --git a/docs/lib/scatterplot-chart.js b/docs/lib/scatterplot-chart.js