{"id":17621095,"url":"https://github.com/graphiquejs/graphique","last_synced_at":"2025-08-21T15:31:55.459Z","repository":{"id":39896312,"uuid":"278988235","full_name":"graphiquejs/graphique","owner":"graphiquejs","description":"An interactive visualization system for React based on the Grammar of Graphics","archived":false,"fork":false,"pushed_at":"2024-12-11T22:28:39.000Z","size":7639,"stargazers_count":14,"open_issues_count":1,"forks_count":3,"subscribers_count":3,"default_branch":"main","last_synced_at":"2024-12-14T14:04:05.366Z","etag":null,"topics":["charts","d3","data-visualization","grammar-of-graphics","react"],"latest_commit_sha":null,"homepage":"https://graphique.dev","language":"TypeScript","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/graphiquejs.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","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":"2020-07-12T04:05:42.000Z","updated_at":"2024-12-03T16:42:49.000Z","dependencies_parsed_at":"2024-05-02T11:38:53.167Z","dependency_job_id":"0edb2b43-e40e-40f3-af7b-2693276998a8","html_url":"https://github.com/graphiquejs/graphique","commit_stats":{"total_commits":376,"total_committers":8,"mean_commits":47.0,"dds":0.6063829787234043,"last_synced_commit":"e09c6e8d24fc3863a3572ecaaf831eea1afa7e32"},"previous_names":[],"tags_count":461,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/graphiquejs%2Fgraphique","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/graphiquejs%2Fgraphique/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/graphiquejs%2Fgraphique/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/graphiquejs%2Fgraphique/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/graphiquejs","download_url":"https://codeload.github.com/graphiquejs/graphique/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":230520390,"owners_count":18238948,"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","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":["charts","d3","data-visualization","grammar-of-graphics","react"],"created_at":"2024-10-22T20:10:31.115Z","updated_at":"2025-08-21T15:31:55.448Z","avatar_url":"https://github.com/graphiquejs.png","language":"TypeScript","readme":"\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://graphique.dev\"\u003e\n    \u003cpicture\u003e\n      \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"./assets/graphique_logo_dark_bg.png\"\u003e\n      \u003cimg alt=\"Graphique logo\" src=\"./assets/graphique_logo_light_bg.png\" width=300px /\u003e\n      \u003c/picture\u003e\n  \u003c/a\u003e\n  \u003cp\u003e\n  An interactive visualization system for React based on the Grammar of Graphics\n  \u003c/p\u003e\n\u003c/div\u003e\n\n\u003chr /\u003e\n\n## Graphique\n\nGraphique allows you to create flexible and reusable interactive visualizations in a structured way by:\n\n- mapping data properties to visual properties — using _aesthetics_ specified by scales (how to draw)\n- composing or layering relatively simple graphical objects or geometries (what to draw)\n- using reasonable defaults that can be configured with components for flexibility\n- updating based on changes in your UI's state\n\n## Examples/Docs\n\nExamples and docs are available at https://graphique.dev.\n\n## Development\n\n\u003cdetails\u003e\n\n\u003csummary style=\"font-weight: bold\"\u003eGet started with local development\u003c/summary\u003e\n\n\u003cbr /\u003e\n\nTo start working on Graphique, first install the necessary dependencies for the monorepo.\n\n```sh\nnpm install\n```\n\nThen build the individual packages.\n\n```sh\nnpm run build\n```\n\n### Testing\n\n```sh\nnpm test\n```\n\n#### Run only some tests\n\nFor example, you can also choose to run only some tests with things like:\n\n```sh\n# run only GeomLine tests\nnpm test GeomLine\n\n# run only Tooltip tests (multiple Geoms)\nnpm test Tooltip\n```\n\n### Demo local packages\n\nFor a development sandbox / place to try out new package changes locally, there's a Vite app in `./demo`.\n\nYou can start the demo app with:\n\n```sh\nnpm run demo\n```\n\n### Publishing and releasing\n\nUse `npm run release` to publish and release new version(s) of package(s).\n\n\u003c/details\u003e\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgraphiquejs%2Fgraphique","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgraphiquejs%2Fgraphique","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgraphiquejs%2Fgraphique/lists"}