Autodesk / Autodesk/hubble

Overlapping data series are not rendered nicely

Open
#33 0 comments 0 reactions 1 assignee Claimed by @pluehne View on GitHub
aesthetic bug help wanted
Dominant language
Python
Stars
180
Forks
47
PR merge metrics
No merged PRs in 30d

Description

When selecting just two dataseries in the charts, everything looks rather good:

![screenshot from 2017-10-30 17-19-09](https://user-images.githubusercontent.com/3244280/32182643-73b7fd48-bd97-11e7-94ef-4b23d863d966.png)

However, when adding more data series, the colors are mixed awkwardly, making it hard to distinguish them:

![screenshot from 2017-10-30 17-19-22](https://user-images.githubusercontent.com/3244280/32182667-84550402-bd97-11e7-98bb-8e08abc008cd.png)

This is due to the use of transparency in the fill colors. Perhaps, we should look at [Chart.js’s area charts](http://www.chartjs.org/samples/latest/charts/area/line-datasets.html), which seem to handle color transparency much more nicely:

![screenshot from 2017-10-30 17-27-41](https://user-images.githubusercontent.com/3244280/32182734-ad8878fe-bd97-11e7-8c94-2784bd439078.png)

In the worst case, we should consider removing the fill colors entirely, as legibility of the charts should be top priority.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.