{"id":19227725,"url":"https://github.com/girish1729/d3angular","last_synced_at":"2026-05-06T02:36:18.661Z","repository":{"id":84927370,"uuid":"85168351","full_name":"girish1729/d3angular","owner":"girish1729","description":"Simple nvd3 bar and line graphs with float samples and timestamps","archived":false,"fork":false,"pushed_at":"2017-03-16T09:52:54.000Z","size":3458,"stargazers_count":0,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-23T10:29:18.130Z","etag":null,"topics":["angular","angular-material","d3","express","nvd3","postgresql"],"latest_commit_sha":null,"homepage":null,"language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/girish1729.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-03-16T07:56:26.000Z","updated_at":"2017-03-16T09:40:38.000Z","dependencies_parsed_at":null,"dependency_job_id":"8e680bd2-3668-4b47-89df-414b2791f190","html_url":"https://github.com/girish1729/d3angular","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/girish1729/d3angular","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/girish1729%2Fd3angular","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/girish1729%2Fd3angular/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/girish1729%2Fd3angular/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/girish1729%2Fd3angular/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/girish1729","download_url":"https://codeload.github.com/girish1729/d3angular/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/girish1729%2Fd3angular/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279013696,"owners_count":26085390,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-13T02:00:06.723Z","response_time":61,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","angular-material","d3","express","nvd3","postgresql"],"created_at":"2024-11-09T15:24:47.835Z","updated_at":"2025-10-13T05:11:26.861Z","avatar_url":"https://github.com/girish1729.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"Simple D3 graphing with angular integration\n===========================================\n\nThis project does d3 rendering of time series data\n(double precision float)\nwith Angular.js factory and nvd3 rendering using JSON\n from a HTTP express server fetching samples from postgres DB.\n\nOverview\n========\n\nUsing a simple Angular.js module we see how\n you can show double precision sample values \nagainst timestamps\nfrom a database.\n\nWe use Google's Angular material and this is based on\n material design principles.\n\nYou find as and when you move slider the graph gets updated dynamically\ndemonstrating Angular's data binding principles.\n\nPopulate DB\n===========\n\nSince we are dealing with serious double precision data we use\npostgresDB for this.\n\nHere is how you populate it.\n```\npsql -U postgres\npsql\u003e create database d3samples;\npsql\u003e \\c d3samples;\npsql\u003e create table d3samples(id serial,feed_id integer, ts timestamp,val\ndouble precision);\npsql\u003e insert into d3samples values(DEFAULT, 20, 'now()', 23432.343);\npsql\u003e insert into d3samples values(DEFAULT, 20, 'now()', 32.0343);\npsql\u003e insert into d3samples values(DEFAULT, 20, 'now()', 132.0343);\npsql\u003e insert into d3samples values(DEFAULT, 20, 'now()', 82.038);\npsql\u003e insert into d3samples values(DEFAULT, 20, 'now()', 92.033);\n...\npsql\u003equit\n```\n\nScreenshots\n===========\n\n![shot1](https://cloud.githubusercontent.com/assets/6890469/23990173/36d1fe64-0a5b-11e7-8fd0-f45a5f2296d2.png)\n![shot2](https://cloud.githubusercontent.com/assets/6890469/23990184/3efab61c-0a5b-11e7-905b-a08366880281.png)\n\n\nContact\n=======\n\nGirish Venkatachalam \u003cgirish@gayatri-hitech.com\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgirish1729%2Fd3angular","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgirish1729%2Fd3angular","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgirish1729%2Fd3angular/lists"}