ukraine-timemap icon indicating copy to clipboard operation
ukraine-timemap copied to clipboard

Idea: Beeswarm chart for the timeline

Open ilyabo opened this issue 2 years ago • 2 comments

What do you guys think about using something like this for the timeline to make it more informative?

Here I experimented a bit with the data exported from the app: https://observablehq.com/@ilyabo/bellingcat-civilian-harm-in-ukraine-beeswarm-timeline

image

The circle size has no meaning right now, but could be used to highlight e.g. the more important events.

ilyabo avatar Apr 09 '22 10:04 ilyabo

This looks cool, and it's a great use of the open-sourced data! I would be cautious when trying to port this to the timeline at this stage for 2 reasons:

  1. the height will be a function of #events and #filters, which may create a broken experience - not sure if you'd have a suggestion there?
  2. we are still considering including some other data filter that would add more than 1 line to the timeline, like in this instance

In any case, I'd be open to have a toggle which allowed for more than one visualization type of the timeline, but I wonder if it will be easy to do while keeping performance and interaction we have at the moment.

msramalho avatar Apr 12 '22 08:04 msramalho

I agree, this is very cool @ilyabo! I would welcome a feature like this in the upstream also, as either:

  1. A feature toggle in config.js, allowing timemap instance administrators to set this as the timeline visualization as an alternative to the current default of events plotted with time on the X axis, and (optionally) separated by categories on the Y axis.
  2. A general toggle somewhere in the UI, which converts dynamically between the default timeline and this idea (as @msramalho has suggested). This toggle could also be feature flagged through the process described in 1.

breezykermo avatar Apr 18 '22 23:04 breezykermo

closing for now

msramalho avatar Jan 27 '23 19:01 msramalho