Timeline chart with horizontal bars with combinations

[Andreas Thyholdt]

Hello.

I am looking to create a timeline chart such as this D3 implementation: http://bl.ocks.org/bunkat/2338034
Is this possible in Vega?

Additionally, I am interested in any good source on how to make combination charts in Vega. Say I wanted to do the above and also have a couple of line plots below on a separate axis, but in the same chart. Then maybe some point plots above it all.

Something like the mockup attached.

Thank you.

[Roy I]

Andreas, All that can be done in Vega. Take a look at these examples:

Vega examples:

      http://vega.github.io/vega-editor/?mode=vega&spec=falkensee

      http://vega.github.io/vega-editor/?mode=vega&spec=lifelines

      http://vega.github.io/vega-editor/?mode=vega&spec=playfair

      http://vega.github.io/vega-editor/?mode=vega&spec=stocks

      http://vega.github.io/vega-editor/?mode=vega&spec=overview+detail

The current version of Vega will not show lines in the built-in "legend". But you can just draw what you want at any location.

Vega-lite is much easier to use for simple charts. It can generate Vega specs (JSON format) that you can re-use sections as starting point to build your customized Vega spec. 

Vega-lite: 

      https://vega.github.io/vega-lite/

Vega-lite examples:

      https://vega.github.io/vega-editor/?mode=vega-lite&spec=line&showEditor=1

      https://vega.github.io/vega-editor/?mode=vega-lite&spec=line_color&showEditor=1

      https://vega.github.io/vega-editor/?mode=vega-lite&spec=trellis_bar_histogram&showEditor=1

[Andreas Thyholdt]

Thanks a lot for your time and examples, Roy.
They are interesting, but hard to apply to my current need as a newcomer to D3/Vega.

I have prepared a sample JSON file, which shows the kind of data that comes from the database. There is also a more detailed explanation of the requirements in a comment in the file.
Is it possible to make a recommendation on what approach to use, based on this data?
Thanks again.