https://github.com/girish1729/d3angular
Simple nvd3 bar and line graphs with float samples and timestamps
https://github.com/girish1729/d3angular
angular angular-material d3 express nvd3 postgresql
Last synced: about 2 months ago
JSON representation
Simple nvd3 bar and line graphs with float samples and timestamps
- Host: GitHub
- URL: https://github.com/girish1729/d3angular
- Owner: girish1729
- Created: 2017-03-16T07:56:26.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2017-03-16T09:52:54.000Z (over 9 years ago)
- Last Synced: 2025-02-23T10:29:18.130Z (over 1 year ago)
- Topics: angular, angular-material, d3, express, nvd3, postgresql
- Language: HTML
- Size: 3.3 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Simple D3 graphing with angular integration
===========================================
This project does d3 rendering of time series data
(double precision float)
with Angular.js factory and nvd3 rendering using JSON
from a HTTP express server fetching samples from postgres DB.
Overview
========
Using a simple Angular.js module we see how
you can show double precision sample values
against timestamps
from a database.
We use Google's Angular material and this is based on
material design principles.
You find as and when you move slider the graph gets updated dynamically
demonstrating Angular's data binding principles.
Populate DB
===========
Since we are dealing with serious double precision data we use
postgresDB for this.
Here is how you populate it.
```
psql -U postgres
psql> create database d3samples;
psql> \c d3samples;
psql> create table d3samples(id serial,feed_id integer, ts timestamp,val
double precision);
psql> insert into d3samples values(DEFAULT, 20, 'now()', 23432.343);
psql> insert into d3samples values(DEFAULT, 20, 'now()', 32.0343);
psql> insert into d3samples values(DEFAULT, 20, 'now()', 132.0343);
psql> insert into d3samples values(DEFAULT, 20, 'now()', 82.038);
psql> insert into d3samples values(DEFAULT, 20, 'now()', 92.033);
...
psql>quit
```
Screenshots
===========
Contact
=======
Girish Venkatachalam