{"id":13702017,"url":"https://github.com/julianna-langston/chartjs2music","last_synced_at":"2026-01-16T16:42:46.514Z","repository":{"id":65832044,"uuid":"600256209","full_name":"julianna-langston/chartjs2music","owner":"julianna-langston","description":"chartjs plugin for chart2music","archived":false,"fork":false,"pushed_at":"2025-12-19T04:05:09.000Z","size":1041,"stargazers_count":17,"open_issues_count":9,"forks_count":2,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-12-22T01:09:38.133Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/julianna-langston.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"contributing.md","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,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2023-02-11T00:01:10.000Z","updated_at":"2025-12-19T04:04:25.000Z","dependencies_parsed_at":"2025-12-04T14:02:01.921Z","dependency_job_id":null,"html_url":"https://github.com/julianna-langston/chartjs2music","commit_stats":{"total_commits":105,"total_committers":5,"mean_commits":21.0,"dds":"0.48571428571428577","last_synced_commit":"0e2895728f46fb8a4027ac801cda8b3a05129621"},"previous_names":[],"tags_count":13,"template":false,"template_full_name":null,"purl":"pkg:github/julianna-langston/chartjs2music","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/julianna-langston%2Fchartjs2music","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/julianna-langston%2Fchartjs2music/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/julianna-langston%2Fchartjs2music/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/julianna-langston%2Fchartjs2music/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/julianna-langston","download_url":"https://codeload.github.com/julianna-langston/chartjs2music/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/julianna-langston%2Fchartjs2music/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28480065,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-16T11:59:17.896Z","status":"ssl_error","status_checked_at":"2026-01-16T11:55:55.838Z","response_time":107,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":[],"created_at":"2024-08-02T21:00:29.782Z","updated_at":"2026-01-16T16:42:46.471Z","avatar_url":"https://github.com/julianna-langston.png","language":"TypeScript","funding_links":[],"categories":["Plugins"],"sub_categories":["Interactions"],"readme":"# chartjs-plugin-chart2music\n[![npm version](https://badge.fury.io/js/chartjs-plugin-chart2music.svg)](https://badge.fury.io/js/chartjs-plugin-chart2music)\n\n**This is a beta release of this plugin. Not all chart.js features are supported yet.**\n\nTurns your chart.js charts into music so the blind can hear data. This plugin will automatically add Chart2Music, an interactive sonification library, to your chart.js charts. The contents of the chart element will be modified to best support screen reader users, and the interactions will be visually synchronized to provide support for keyboard-only users.\n\n[Check out our CodePen collection of examples using the plugin.](https://codepen.io/collection/VYEvEQ)\n\n## Getting started\n\nAdd the chartjs2music plugin to your existing chart.js code like this:\n\n```js\nimport {Chart} from \"chart.js/auto\";\nimport chartjs2music from \"chartjs-plugin-chart2music\";\n\nChart.register(chartjs2music);\n```\n\nThat will register the plugin globally. Alternatively, if you only want to enable for a given chart, you can do this:\n\n```js\nimport {Chart} from \"chart.js/auto\";\nimport chartjs2music from \"chartjs-plugin-chart2music\";\n\nnew Chart(canvasElement, {\n    type: \"bar\",\n    data: {\n        datasets: [{\n            data: [1,4,2,8]\n        }]\n    },\n    plugins: [chartjs2music]\n})\n\n```\n\n## Available options\n\nThe following plugin options are available:\n* `errorCallback` - A callback that will return errors if any arise while the plugin works.\n* `cc` - the equivalent of the [chart2music option `cc`](https://chart2music.com/docs/API/Config#axes)\n* `audioEngine` - the equivalent of the [chart2music option `audioEngine`](https://chart2music.com/docs/API/Config#cc)\n* `axes` - the equivalent of the [chart2music option `axes`](https://chart2music.com/docs/API/Config#axes)\n* `lang` - the language your user speaks. The available languages that Chart2Music supports are: \"en\", \"de\", \"es\", \"fr\", \"it\". The default is \"en\". If you would like to add translations for another language, [Chart2Music is open to PRs](https://github.com/julianna-langston/chart2music).\n\nHere's an example for providing options:\n```js\nimport {Chart} from \"chart.js/auto\";\nimport chartjs2music from \"chartjs-plugin-chart2music\";\n\nnew Chart(canvasElement, {\n    type: \"bar\",\n    data: {\n        datasets: [{\n            data: [1,4,2,8]\n        }]\n    },\n    options: {\n        plugins: {\n            chartjs2music: {\n                // All errors should be logged as errors\n                errorCallback: console.error,\n                // Here's a div I made to be the CC\n                cc: myDiv,\n                // The Y values should all be money\n                axes: {\n                    y: {\n                        format: (value) =\u003e \"$\" + value\n                    }\n                }\n            }\n        }\n    },\n    plugins: [chartjs2music]\n});\n```\n\nIf you are using TypeScript, replace the first 4 lines with this:\n```ts\nimport {Chart, type ChartTypeRegistry} from \"chart.js/auto\";\nimport chartjs2music from \"chartjs-plugin-chart2music\";\n\nnew Chart(canvasElement, {\n    type: \"bar\" as keyof ChartTypeRegistry,\n```\n\n## Supported features\n\nThis plugin is currently in beta, so not all of the chart.js features are currently supported.\n\nA quick list of chart.js features we currently support includes:\n* Chart types: bar, doughnut, line, pie, polar, radar, scatter, and combinations therein.\n* Boxplots using the `@sgratzl/chartjs-chart-boxplot` plugin (only support boxplots when there are no other chart types present)\n* Wordclouds using the `chartjs-chart-wordcloud` plugin\n* Axes options: `title`, `min`, `max`, `type=\"linear\"`, `type=\"logarithmic\"`.\n* Chart title\n* Most data structures (not including `parsing` or non-standard axes identifiers)\n* Dataset visibility (when you show/hide a category from the legend)\n\nNote that visual-specific chart features are ignored. This includes things like color, padding, line thickness, etc.\n\nThings we plan to support in the future:\n* Interactions and updates\n* Other chart.js plugins\n* Complex `parsing` options for data\n* Date/Time support for axes\n* Subtitle\n* Radar charts\n* Custom formatting for axis tick values\n\nPlugins we plan to support in the future:\n* [chartjs-char-error-bars](https://www.npmjs.com/package/chartjs-chart-error-bars)\n* [chartjs-chart-matrix](https://www.npmjs.com/package/chartjs-chart-matrix)\n* [chartjs-chart-pcp](https://www.npmjs.com/package/chartjs-chart-pcp)\n* [chartjs-plugin-zoom](https://www.npmjs.com/package/chartjs-plugin-zoom)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjulianna-langston%2Fchartjs2music","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjulianna-langston%2Fchartjs2music","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjulianna-langston%2Fchartjs2music/lists"}