Stacked bar chart visual specs about charts

[seejamescode]

I am okay with the simple example you provided showing the value.

Just talked to @evanmaeda and we both agree that the selected state could be more "IBM Design Language". I will make an issue for that visual problem. No worries to nock out that interaction now.

No matter what, the hover and focused state should be the same interaction.

[winslet]

Reference page: https://www.ibm.com/design/language/experience/data-visualization/chart-models/stacked-barchart/

[winslet]

Started to have a play:

For the second image (% based data) a couple of questions:

1. Colour accessibility - do we need to differentiate by texture along with colour?
2. Hover states - are there designs for these anywhere?
3. Would the hover state also change the colours? eg:
   

@hchughes is there any guidance for the above?

[winslet]

Further thoughts on colours for point 1 above - using hue's instead of different colours:

However we may need to change the legend in order to be able to differentiate the colours (eg make the colour spot larger). Thoughts?

[seejamescode]

We will ask about hover and focus states on our call tomorrow!

[seejamescode]

Awesome work so far!

[winslet]

I've discovered a bunch of useful stuff on the new site here: https://www.ibm.com/design/language/experience/data-visualization/interaction/

for example, basic hover:

and selected states:

things to work on for both:

1. Hover states with complex data values shown. (eg Value + other relevant info)
2. How the selected states fit on mobile sized graphs 👍

Also more suggested colour palettes here: https://www.ibm.com/design/language/resources/color-library/#data-viz-starter-palettes 💯