{"id":15760511,"url":"https://github.com/aodin/charts","last_synced_at":"2026-02-27T04:34:28.064Z","repository":{"id":239646837,"uuid":"799771376","full_name":"aodin/charts","owner":"aodin","description":"Modular D3.js charts","archived":false,"fork":false,"pushed_at":"2025-01-07T22:31:40.000Z","size":2657,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-21T04:42:05.750Z","etag":null,"topics":["d3","d3js"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/aodin.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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,"zenodo":null}},"created_at":"2024-05-13T04:18:58.000Z","updated_at":"2025-01-07T19:17:44.000Z","dependencies_parsed_at":"2024-05-13T20:42:17.839Z","dependency_job_id":"bc4276fd-f6ee-445d-af75-ab06f79b8441","html_url":"https://github.com/aodin/charts","commit_stats":{"total_commits":151,"total_committers":1,"mean_commits":151.0,"dds":0.0,"last_synced_commit":"2908433fd47cf4b57b97d78b96fffdc4871f7a78"},"previous_names":["aodin/charts"],"tags_count":44,"template":false,"template_full_name":null,"purl":"pkg:github/aodin/charts","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aodin%2Fcharts","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aodin%2Fcharts/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aodin%2Fcharts/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aodin%2Fcharts/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/aodin","download_url":"https://codeload.github.com/aodin/charts/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aodin%2Fcharts/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29884781,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-26T23:51:21.483Z","status":"online","status_checked_at":"2026-02-27T02:00:06.759Z","response_time":57,"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":["d3","d3js"],"created_at":"2024-10-04T10:58:28.797Z","updated_at":"2026-02-27T04:34:28.032Z","avatar_url":"https://github.com/aodin.png","language":"JavaScript","readme":"Charts\n======\n\nModular [D3.js](https://d3js.org) charts. View a live demo at https://aodin.github.io/charts/.\n\nInstall with:\n\n```\nnpm i @aodin/charts\n```\n\nChart are designed as extensible classes with basic defaults. Extend the existing classes to alter behaviors.\n\n```js\nimport * as d3 from \"d3\";\nimport { LineChart } from \"@aodin/charts\";\n\nexport class Example extends LineChart {\n  // For example, to create a LineChart with its y-axis on the right...\n  yAxis(g, y) {\n    g.call(d3.axisRight(y));\n  }\n}\n```\n\nThere are also pre-built files in `/dist/`. These charts expect an array of objects as the data parameter, e.g. `[{x, y, z}...]`, but a different parser can be specified as the second argument of the constructor.\n\n```js\nconst data = [\n  [\"2020-01-01\", 100, \"A\"],\n  [\"2020-02-01\", 110, \"A\"],\n  [\"2020-03-01\", 120, \"A\"],\n  [\"2020-04-01\", 125, \"A\"],\n  [\"2020-05-01\", 115, \"A\"],\n  [\"2020-06-01\", 110, \"A\"],\n];\n\nexport function parseArray(d) {\n  return {\n    x: d3.isoParse(d[0]),\n    y: d[1],\n    z: d[2],\n  };\n}\n\n// If provided an SVG, it will attempt to use that element's width and height.\n// Otherwise, an SVG element will be created underneath the provided selector.\ncharts.TimeSeries(data, parseArray).render(\"#element\");\n```\n\nSee [examples](/examples) for example line, area, bar, pie, and OHLCV candlestick charts.\n\n\n### Development\n\nTest with: `npm test`\n\nBuild `dist` files with: `npm run dist`\n\nHappy hacking!\n\naodin, 2024\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faodin%2Fcharts","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faodin%2Fcharts","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faodin%2Fcharts/lists"}