Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

New Component: Data Visualization Library #65

Open
joesnellpdx opened this issue Jun 7, 2021 · 1 comment
Open

New Component: Data Visualization Library #65

joesnellpdx opened this issue Jun 7, 2021 · 1 comment

Comments

@joesnellpdx
Copy link
Collaborator

From @lea10up

It would be nice to have more robust, dynamic data visualization options to replace static image graphs like this:

Having standardized components for this type of content allows for further ways animation can be incorporated on a site and increase interactivity. Depending on the library, a standard data visualization starting point can also potentially improve accessibility (compared to static images).


Let's investigate and vet some third party data viz libraries for this one. Whomever picks this up, please work with @lea10up to identify UI features we're looking for in the library, then vet for a11y compliance and/or how our implementations need to be structured to ensure compliance.

@joesnellpdx joesnellpdx added enhancement New feature or request new component and removed enhancement New feature or request labels Jun 7, 2021
@Firestorm980
Copy link
Collaborator

Talking with @lea10up, the main idea here would be to support a variety of charts, not just the one pictured. An example page from a recent project:

Why Private Real Estate

There are multiple types of charts / graphs shown here. A quick list:

  • Bar
  • Pie / doughnut
  • Line (filled and unfilled)

Some others not pictured:

  • Geo / Map
  • Scatter
  • Bubble

I think we'd want to support more than these types, if possible. There are multiple libraries that could accomplish this, but some names that popped up recently in Slack conversations around this were:

Accessibility for these libraries in some cases amounts to making sure that the chart is labeled and has an appropriate caption to give the gist of the data back to the user. Highcharts has more specific attention to accessibility. Additionally, we may want to look into supplementing with creation of a table in some cases.

In our chat, @treighton mentioned something for the roadmap here of being able to import data from CSV and potentially other file types to make creating these in the block editor simple. We can probably accomplish this more towards the end if and when this becomes a block, but worth doing some preplanning for.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants