Differences

This shows you the differences between two versions of the page.

--- weatherbox:dashboard_v2:graphsoftware:start [2018/02/22 10:28]
kcho
+++ weatherbox:dashboard_v2:graphsoftware:start [2021/09/19 21:59] (current)
@@ Line 1: / Line 1: @@
 ====== Graph Library Design Doc======
+{{:weatherbox:dashboard_v2:graphsoftware:graph-clipart-animated-gif-8.gif?400|}}
 === Motivation ===
@@ Line 8: / Line 11: @@
 There are many different graphing library or nonlibraries that we could have chosen to implement our graphing modules. Some of the options that we chose are the following.
-* D3.Js
+  * Pure D3.js
-* Charts.js
+  * Charts.js
-* Recharts
+  * Recharts (React Components for D3.js)
+=== D3.js ===
+D3.js already exists for javascript applications; however, we would need to implement our own classes to access the line graph components. Since no one had experience with graphing libraries on our team we decided to go not go with D3.js. This might reduce some overhead in the future if we go with d3.js and create our own library; however, for now we opted out.
+=== Charts.js ===
+Didn't look as crisp and sharp as recharts. Also wanted to use framework that revolved around D3
+=== Recharts ===
+Open source framework for implementing D3 as react components. This seemed like the best option because the ramp up time for implementing the component was small and we were able to get a functional product working quickly. Read more on the API here [[http://recharts.org/#/en-US|recharts API]].
+{{:weatherbox:dashboard_v2:graphsoftware:composable-react-d3-charting-library.jpg?400|}}