search

Orange-OpenSource / Orange-Boosted-Bootstrap

Orange Boosted is an accessible, ergonomic and Orange branded framework based on Bootstrap
https://boosted.orange.com/
MIT License
193 stars 54 forks source link

Data visualization #478

Open ffoodd opened 4 years ago

ffoodd commented 4 years ago

As it's mentionned in Orange's Web Browsing Guideline — entitled "Data display", Boosted should try to implement a data visualization component, using supporting color palette.

julien-deramond commented 3 years ago

Have you ever thought about it yet? Would it be something from scratch or by using a third-party library as Chart.js or D3.js for example?

ffoodd commented 3 years ago

@julien-deramond No idea since we don't really have a target for now! The Global Design Language team wants to provide some guidelines for such things, but I don't know when to expect anything.

Moreover the Digital & Data UX team is also trying to provide some guidance for One-i (mostly for B2B design teams). @notabene is my only contact point on this topic at OFR.

Using a third-party library is obviously a way. Here's what I summed up regarding dataviz and accessibility (when interviewed by D&D).

Data visualization types

Some resources to know when and how to use each kind of data visualization:

Third-party libraries

Selected because of their accessibility resources, docs and explanations:

The main accessibility rule here is to ensure content is either accessible or rely on HTML to provide a fallback content (e.g. a standard HTML table).

Accessibility resources

Depending on whether the chart is dynamic or not, should provide some interactions or not, how many dimensions the datas represent… the tech choice might (should?) vary a bit.

Logging this for posterity :wave:

julien-deramond commented 2 years ago

Another resource that could be useful apparently focused on a11y:

MewenLeHo commented 2 years ago

Potential useful article: « Making data visualization more accessible for blind and low-vision individuals » : https://news.mit.edu/2022/data-visualization-accessible-blind-0602