Questions tagged [vega]

Vega is a visualization grammar, a declarative language for creating, saving, and sharing interactive visualization designs.

Vega Logo

With Vega, you can describe the visual appearance and interactive behavior of a visualization in a JSON format, and generate web-based views using Canvas or SVG.

More on Wikipedia: Vega and Vega-Lite visualisation grammars

Official Websites

865 questions
5
votes
3 answers

Sankey Diagram (Alluvial Diagram) in Vega-lite

Anyone having an idea on how to create Sankey diagrams like those in Vega-lite? https://observablehq.com/@d3/sankey-diagram Input would be data like From | To | Amount
Christian
  • 372
  • 3
  • 13
5
votes
1 answer

Groupby aggregations and missing combinations of values

I recently started tinkering with Vega-Lite templates to make a confusion matrix for an open-source data science software called DVC. You can see the template in my PR here, but I'll also repeat a simplified version below: { ... "data": { …
5
votes
0 answers

react-vega- Module not found

/node_modules/vega-embed/build/src/embed.js Module not found: Can't resolve 'vega-lite' in 'E:\polymerui\polymerui\node_modules\vega-embed\build\src' In my dependencies "react-vega": "^7.1.1", "vega": "^5.9.1", "vega-lite": "^4.0.2", So I am…
user1817988
  • 237
  • 2
  • 5
  • 11
5
votes
2 answers

Using time filter in dashboard to change range of Vega in Kibana

I am using Kibana 7.1. I have successfully created Vega line plot. I can allow it to show month of data however I want user to play around with time filter in dashboard and allow vega visualization to change with it. From…
haneulkim
  • 4,406
  • 9
  • 38
  • 80
5
votes
1 answer

Vega-Lite - What is the best way to work with large amounts of data?

I'm using Vega-Lite to visualize a large amount of data in a JSON format. I have ~16,000 data items in the data section. I'm placing both the data and the graph code in a single JSON (~20,000 lines) in the Vega online editor. The problem is that…
5
votes
1 answer

Getting Altair to work with Jupyter Notebook

Trying to get Altair to work with Jupyter Notebook, I installed it using conda install -c conda-forge altair vega_datasets notebook vega But when I try to do an example plot import altair as alt from vega_datasets import data # for the notebook…
Paulo Costa
  • 965
  • 2
  • 10
  • 15
5
votes
1 answer

Interactive wordcloud with tooltips in Python Jupyter

I have a list of words and phrases together with as score and a definition for each. I would like to present this as an interactive wordcloud where the text sizes are determined by the scores and the definitions appear as tooltips on hover. I would…
Daniel Mahler
  • 7,653
  • 5
  • 51
  • 90
5
votes
3 answers

Resizing plots in the Julia kernel for Jupyter notebooks

I want to know if there is any way that I can specify the size of the inline-plots in Jupyter. At the moment, I use Vega library and width and height don't work. There is any workaround.
bensw
  • 2,818
  • 5
  • 21
  • 31
5
votes
1 answer

vega-lite: multiple marks in a single charts

I am currently assessing what type of js chart engine I should use for out of the box charts, and vega-lite has stood out as pretty simple and flexible at the same time. However, I am wondering whether it is possible to have more than one type of…
jmrosal
  • 191
  • 2
  • 10
5
votes
1 answer

How do I change color of a bar in Vega-lite Bar Chart?

I want to change the default blue color of a bar in a Vega-Lite bar chart. How can I do it? I am posting the json specification below: { "data": { "values": [ {"a":"A", "b":28}, {"a":"B", "b":55}, {"a":"C", "b":43}, {"a":"D", "b":91},…
JVM
  • 946
  • 1
  • 10
  • 23
5
votes
0 answers

Install v2png program from vega (node.js module) on Windows

The export_png() function in the R ggvis package requires us to have the program vg2png installed, from the node.js module vega. (source: R Documentation ) I have node and npm installed on windows, and I ran npm install vega. This is the output that…
shrgm
  • 1,315
  • 1
  • 10
  • 20
4
votes
1 answer

Vega-lite: Legend label expression to include value of multiple fields

My code is as follows; { "$schema": "https://vega.github.io/schema/vega-lite/v5.json", "width": 800, "height": 200, "data": { "values": [ { "pre_120": 0, "pre_90": 0, …
nifeco
  • 211
  • 1
  • 8
4
votes
1 answer

Is there a way to modify Vega charts with D3.js?

I recently started getting into Vega to reduce the amount of D3.js coding for more or less typical charts. However, for complex dashboards, interactions between the Vega charts using signals is still a bit tricky for me. Is there a way to load…
porter22
  • 43
  • 2
4
votes
2 answers

How to combine text and a field value in a single line of display

I am using Vega and I am stuck on this simple issue. I want to display The yield is 43.67% However using the samples provided I have managed to just display the value 43.67 { mark: { type: "text", align: "center", fontSize:…
NotAgain
  • 1,927
  • 3
  • 26
  • 42
4
votes
1 answer

Cannot wait until DOM rendering has finished in Angular/Jasmine unit test

I have an Angular pie chart component built through VegaEmbed (https://github.com/vega/vega-embed) which uses Vega and D3 as underlying graphics dependencies. It renders from supplying a title and some (key, value) pairs. I isolated that component,…
BuZz
  • 16,318
  • 31
  • 86
  • 141
1
2
3
57 58