Autodesk / hubble

🛰 Collaboration, usage, and health data visualization for GitHub Enterprise
https://autodesk.github.io/hubble
MIT License
176 stars 47 forks source link

Collaboration chart truncates long organization names #21

Open larsxschneider opened 7 years ago

larsxschneider commented 7 years ago

The collaboration chart truncates long organization names:

screen shot 2017-10-17 at 08 10 20

I see two ways to fix it:

  1. Pre-calculate how much space we need for the given organization names and adjust the chart margin accrodingly.

  2. Visualize organizations names somewhat differently. Maybe something like this:

pluehne commented 6 years ago

I would be in favor of the second approach 😃. This would make the size calculations more predictable (at least the height of the entire chart would have a maximum value that we could compute), helping with a responsive/mobile-friendly version in particular.

As another alternative, we could ellipsize names after a certain length and show the full names upon hovering the labels or chunks.

larsxschneider commented 6 years ago

Then let's go with the second approach 👍

pluehne commented 6 years ago

Okay :smiley:. I’d still suggest ellipsizing the names should the labels flow outside the available width.

Aside from that, I’m still thinking about how to render the collaboration chart on mobile devices, where the available horizontal space is extremely limited. But maybe this shouldn’t be our immediate focus.