Stack Overflow
Stack Overflow

Questions tagged [vega-embed]

24 questions
3
votes
1 answer

How to use vegaEmbed to embed an Altair visualization into html document?

I am trying to embed an Altair data visualization I created in Python, into an html document. I have followed the instructions on https://altair-viz.github.io/user_guide/saving_charts.html, specifically the json/VegaEmbed method. The following is my…
user15569323
2
votes
1 answer

How to dispatch vega-lite events from JavaScript

I am trying to emulate vega-lite events to trigger interactions on charts manually through javascript. I am able to dispatch events and get them to be reconized by the listner, however the event doesn't register any items and does not trigger the…
David saffo
  • 23
  • 3
2
votes
1 answer

Changing the "save as" filename for Altair chart in google colab

I'm using altair in google colab and would like to create and download charts with a custom filename instead of 'visualization.svg'. I need to do this for about ~50 charts, I don't mind clicking 'export as SVG' for each, but having to open and check…
Jordan
  • 1,564
  • 2
  • 13
  • 32
2
votes
0 answers

"Module not found: Error: Can't resolve './iterator.js'

I am suddenly getting the follow errors and I have no clue how to fix them: Object loc: "1224:2-26" message: "Module not found: Error: Can't resolve './iterator.js' in 'C:\\Users\\MyApp\\node_modules\\vega-embed\\build'" moduleIdentifier:…
Muhy
  • 630
  • 1
  • 6
  • 12
1
vote
2 answers

How to use vega-embed in Ionic/Angular component?

I'm pretty sure it's my fault, but I can't spot it. I created a new Ionic/Angular app with ionic start oracolo and then I added a new component to it (named Histogram, though that does not really matter). Then I installed vega-embed with npm install…
Lucio Crusca
  • 1,277
  • 3
  • 15
  • 41
1
vote
1 answer

Altair: Disable the "Open in Vega Editor" option in a Colab / jupyter notebook?

When using JS to render a vega-lite chart that was originally built in Python (using altair), the default is to allow a variety of options on the chart itself: save as image, view source, and Open in Vega Editor. Using this method, we can modify…
dthor
  • 1,749
  • 1
  • 18
  • 45
1
vote
1 answer

Accessing external url of vega data sets

I have embedded Vega and Vega-Lite into my Angular application, and I can display them directly on my own html pages. Some of the examples I am adopting contain links to external data files, which I have downloaded and installed in my app with npm i…
Reem Al-Assaf
  • 734
  • 6
  • 19
1
vote
1 answer

import statement crashing an angular app despite installed module

What could be the reason that an import statement would cause an error (attached image) if the syntax is correct and the library has already been installed? Could it be something in the two main settings files below (package.json &…
Reem Al-Assaf
  • 734
  • 6
  • 19
1
vote
1 answer

Importing vega-embed after installation

I have installed vega & vega-lite & vega-embed using npm and now I am following the instructions here on how to embed a graph into my own page (not display it inside vs-code as the vega-embed extension does). I have written the following code in my…
CatarinaRuna
  • 520
  • 4
  • 15
1
vote
1 answer

yarn build failure within vega embed

I have cloned the VegaEmbed repo where I am supposed to perform yarn which succeeds with the following output: yarn install v1.22.10 [1/4] Resolving packages... [2/4] Fetching packages... info fsevents@2.3.2: The platform "win32" is incompatible…
CatarinaRuna
  • 520
  • 4
  • 15
0
votes
0 answers

Make parts of vega embed selectable with query selector in Angular or jQuery?

I'm currently trying to make parts of my vega charts selectable with ngx-drag-to-select but don't know if it is even possible or if I have to change from ngx-drag-to-select to a other solution to make the elements of the rendered vega chart…
G4merBros
  • 1
  • 1
0
votes
1 answer

How to add additional data to Vega lite tooltip?

I'm trying to add an additional value (in this case z) to the tooltip. How can I achieve this with the following schema I have so far? I know it should be along the lines of adding additional objects to the tooltip array (one for last month and one…
dha_genesys
  • 3
  • 2
0
votes
1 answer

How to use sequential schemes in vega-scale api with linear or log scale

In our project we are using vega-scale to generate heatmaps for numeric data. We managed to use a sequential scheme like viridis with scale = vega.scale('sequential').interploate(vega.scheme('viridis'));. I can't seem to figure out from the…
fxwiegand
  • 1
  • 2
0
votes
0 answers

Rendering inline JS from Wordpress content in Gatsby

I have a small Wordpress site that I build statically using Gatsby, using the excellent gatsby-source-wordpress and WPGraphQL. Recently I have been doing some data science training and I want to embed my data visualisations into my Wordpress site.…
onebc
  • 398
  • 2
  • 10
0
votes
0 answers

"Header size too large" when trying to render chart JSON passed from Python backend to JS frontend

As the title states, I am creating a full-stack dashboard where I do some Python data analysis and then visualization using Altair on the backend and then design the dashboard with React on the front-end. Obviously, I would like those same charts to…
Rob Liou
  • 13
  • 3
1
2