Product
Introducing SSO
Streamline your login process and enhance security by enabling Single Sign-On (SSO) on the Socket platform, now available for all customers on the Enterprise plan, supporting 20+ identity providers.
chartjs-plugin-chart2music
Advanced tools
Readme
This is a beta release of this plugin. Not all chart.js features are supported yet.
Turns 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.
Check out our CodePen collection of examples using the plugin.
Add the chartjs2music plugin to your existing chart.js code like this:
import {Chart} from "chart.js/auto";
import chartjs2music from "chartjs-plugin-chart2music";
Chart.register(chartjs2music);
That will register the plugin globally. Alternatively, if you only want to enable for a given chart, you can do this:
import {Chart} from "chart.js/auto";
import chartjs2music from "chartjs-plugin-chart2music";
new Chart(canvasElement, {
type: "bar",
data: {
datasets: [{
data: [1,4,2,8]
}]
},
plugins: [chartjs2music]
})
The following plugin options are available:
errorCallback
- A callback that will return errors if any arise while the plugin works.cc
- the equivalent of the chart2music option cc
audioEngine
- the equivalent of the chart2music option audioEngine
axes
- the equivalent of the chart2music option axes
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.Here's an example for providing options:
import {Chart} from "chart.js/auto";
import chartjs2music from "chartjs-plugin-chart2music";
new Chart(canvasElement, {
type: "bar",
data: {
datasets: [{
data: [1,4,2,8]
}]
},
options: {
plugins: {
chartjs2music: {
// All errors should be logged as errors
errorCallback: console.error,
// Here's a div I made to be the CC
cc: myDiv,
// The Y values should all be money
axes: {
y: {
format: (value) => "$" + value
}
}
}
}
},
plugins: [chartjs2music]
});
This plugin is currently in beta, so not all of the chart.js features are currently supported.
A quick list of chart.js features we currently support includes:
@sgratzl/chartjs-chart-boxplot
plugin (only support boxplots when there are no other chart types present)chartjs-chart-wordcloud
plugintitle
, min
, max
, type="linear"
, type="logarithmic"
.parsing
or non-standard axes identifiers)Note that visual-specific chart features are ignored. This includes things like color, padding, line thickness, etc.
Things we plan to support in the future:
parsing
options for dataPlugins we plan to support in the future:
FAQs
Chart.js plugin for Chart2Music. Turns chart.js charts into music so the blind can hear data.
The npm package chartjs-plugin-chart2music receives a total of 2,422 weekly downloads. As such, chartjs-plugin-chart2music popularity was classified as popular.
We found that chartjs-plugin-chart2music demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Product
Streamline your login process and enhance security by enabling Single Sign-On (SSO) on the Socket platform, now available for all customers on the Enterprise plan, supporting 20+ identity providers.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.