Add support for Vega charts

[rclement]

Only Vega-Lite charts are currently supported using the vega library. It would be useful to support both specifications.

[rclement]

Here are some examples of Vega charts: https://vega.github.io/vega/examples/
Here are some examples of Vega-Lite charts: https://vega.github.io/vega-lite/examples/

[rclement]

It can be safe to say the current vega library should be renamed to vega-lite to avoid confusion...

[rclement]

Work in progress in branch vega-charts-support: https://github.com/rclement/datasette-dashboards/tree/vega-charts-support

@lukasdei could you test the current state with custom Vega charts? There is already an example of word cloud chart in the demo

[lukasdei]

Hey. Sorry for the slow reply. That looks super cool! I did find a bug tho. I tried it in both Firefox 110.0.1 and Chrome 110.0.5481.177. In both browsers, the word cloud chart rendered, but when the window resizes, the chart container just grows continuously.

dd_grid_test.mov

However, if just the word cloud is being displayed, the chart resizes without issue.

dd_grid_test-.2.mov

Thoughts?

[rclement]

Thank you @lukasdei for the feedback!

I also got the "height resizing" bug on my side, no idea of the root cause for the moment

[rclement]

@lukasdei I managed to find a workaround in 8ce9bc0:

• In dashboard view: responsive width only (the height need to be set either manually or by the chart itself)
• In chart view: responsive width and height

This is aligned with the current responsive implementation for Vega-Lite charts

[rclement]

I am pretty happy with the current implementation so I will merge the PR #64. Further enhancements will be performed down the line when needs arrive

[lukasdei]

Works great on my end. Thanks so much for working on this! 😁😁