Differences
This shows you the differences between two versions of the page.
Next revision | Previous revision | ||
weatherbox:visualization:start [2015/11/04 04:52] kluong created |
weatherbox:visualization:start [2021/09/19 21:59] (current) |
||
---|---|---|---|
Line 8: | Line 8: | ||
===== Current Status ===== | ===== Current Status ===== | ||
- | We currently have very little visualization - we have a python-based script that can run through CSV files and map them. We also have some GNU Plot based scripts that are still a little clunky to use. | + | We currently have very little visualization - we have a python-based script that can run through CSV files and map them. We also have some GNU Plot based scripts that are still a little clunky to use. We have two approaches that are being considered: |
+ | |||
+ | ==== Image Based Approach ==== | ||
+ | |||
+ | The image based approach means rendering a .png or other image of different sample sets. This approach has the advantage of being very computationally light - rendering work is only done once a day (or however often it needs to be done). | ||
+ | |||
+ | |||
+ | |||
+ | ==== Javascript Based Approach ==== | ||
+ | |||
+ | This approach is based around building an API surrounding the database, specifically for data access. This approach might be more interactive and fun, but may be a little more heavy on the database access. | ||
===== Resources ====== | ===== Resources ====== | ||
Line 16: | Line 26: | ||
* [[ https://www.codecademy.com/courses/web-beginner-en-kcP9b/0/1 | Codeacademy D3.js tutorial]] | * [[ https://www.codecademy.com/courses/web-beginner-en-kcP9b/0/1 | Codeacademy D3.js tutorial]] | ||
* [[ http://square.github.io/cubism/ | cubism.js]] (library for visualizing time series data) | * [[ http://square.github.io/cubism/ | cubism.js]] (library for visualizing time series data) | ||
- | + | * [[weatherbox:visualization:tutorials:Installing Matplotlib]] | |
+ | * https://github.com/GraphAlchemist/Alchemy | ||
+ | * https://github.com/plotly/plotly.js | ||
===== Examples ===== | ===== Examples ===== | ||
* [[ http://www.nytimes.com/interactive/2013/03/29/sports/baseball/Strikeouts-Are-Still-Soaring.html?ref=baseball&_r=0 | NY Times baseball strikeouts ]] | * [[ http://www.nytimes.com/interactive/2013/03/29/sports/baseball/Strikeouts-Are-Still-Soaring.html?ref=baseball&_r=0 | NY Times baseball strikeouts ]] |