vega-lite
vega-embed
Our great sponsors
vega-lite | vega-embed | |
---|---|---|
15 | 3 | |
4,463 | 370 | |
1.5% | 0.3% | |
9.2 | 9.0 | |
2 days ago | 14 days ago | |
TypeScript | TypeScript | |
BSD 3-clause "New" or "Revised" License | BSD 3-clause "New" or "Revised" License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
vega-lite
- Vega-Lite – A Grammar of Interactive Graphics
-
Vega-Altair: Declarative Visualization in Python
Box zoom would need to be added to Vega-Lite first, and there has been some discussion around it in https://github.com/vega/vega-lite/issues/4742. Bottom line is that there's nothing blocking its implementation, someone just needs to do the work in Vega-Lite. And once released in Vega-Lite, Altair would pick it up automatically with how we generate the Altair API from the Vega-Lite schema.
-
Gnuplotlib: Non-Painful Plotting for NumPy
I also have difficulties with Gnuplot and Matplotlib. I like Vega that allows me to create visualisations in a declarative way. If I really need something special I go with d3.js, which had a really steep learning curve but with ChatGPT it should have become easier for beginners.
[1] https://vega.github.io/vega-lite/
-
Elixir Livebook is a secret weapon for documentation
To ensure you do not miss this: LiveBook comes with a Vega Lite integration (https://livebook.dev/integrations -> https://livebook.dev/integrations/vega-lite/), which means you get access to a lot of visualisations out of the box, should you need that (https://vega.github.io/vega-lite/).
In the same "standing on giant's shoulders" stance, you can use Explorer (see example LiveBook at https://github.com/elixir-explorer/explorer/blob/main/notebo...), which leverages Polars (https://www.pola.rs), a very fast DataFrame library and now a company (https://www.pola.rs/posts/company-announcement/) with 4M$ seed.
-
Observable Plot: The JavaScript library for exploratory data visualization
Nice, would be nice to have it integrated in GitHub markdown.
Looks similar to Vega or Vega-lite(https://vega.github.io/vega-lite/). Definitely as rich as D3.js but gets the job done for simple visualisations.
-
[AskJS] Javascript statistics library with period selection
Vega-lite can do this https://vega.github.io/vega-lite/
-
2022 FIFA World Cup finishing position probability per team [OC]
The underlying data is from an online betting site. Data analysis was done in Python and I used Vega/Altair for the visualisation.
-
Plotting
I have a bunch of data that I want to plot. I'm using lisp-stat, which is pretty good, for data frames and analysis. However, lisp-stat uses vega-lite for plotting and to put it mildly, vega-lite is fucking awful.
-
Chartist: Simple Responsive Charts in SVG
I wish the author all the best in developing his library; at the moment it seems quite incomplete, so if you want SVG charts today, I recommend Observable Plot[1] or Vega-Lite[2]
[1]: https://github.com/observablehq/plot
[2]: https://vega.github.io/vega-lite/
vega-embed
-
Show HN: Turn Your Pandas Dataframe to a Tableau-Style UI for Visual Analysis
If you want to embed the visualization part only, you can export a vega-lite/vega specification and then use Vega-Embed: https://github.com/vega/vega-embed or React-Vega to embed in your web app.
At the graphic walker toolbar, active debug mode, there will appear a button on the top-right corner of the chart. Click it, and then you can export the chart spec.
Or Embed the entire Graphic Walker as a react component: https://github.com/Kanaries/graphic-walker
-
How to change a tooltip to dark theme in Altair?
When we add a tooltip to a chart in Altair, as in the example below, it follows a light theme by default. This tooltip implementation comes from Vega Tooltip, a plugin included in Vega-Embed (the package used under the hood to render the charts).
-
How to configure Vega-Embed for a single Altair chart?
By default, in the upper right corner of each Altair chart, there is a dropdown menu with various options. This menu comes with Vega-Embed, the package used under the hood to render the charts.
What are some alternatives?
graphic-walker - An open source alternative to Tableau. Embeddable visual analytic
vega-tooltip - Tooltip Plugin for Vega-Lite
visx - 🐯 visx | visualization components
py4cl2 - Call python from Common Lisp
plot - A vega-lite DSL for Common Lisp
G2 - 📊 The concise and progressive visualization grammar.
lightning - High performance, interactive statistical graphics engine for the web.
pygwalker - PyGWalker: Turn your pandas dataframe into an interactive UI for visual analysis
plot - A node library to display charts in popup windows and save them as pngs. Supports observablehq/plot, vega-lite and plotly out of the box.
vega-plus - Make Vega charts of large datasets