Plot Vega-Lite in Jupyter Notebook running the Deno kernel

Hello, I am very new to Deno... I wanted to see if I can produce some interactive Vega visualizaiton in a Jupyter notebook, however I don't get any plot showing. Here is an example (taken from here):

import vl from "npm:vega-lite-api"
import vlData from 'npm:vega-datasets';

const data = await vlData['gapminder.json']();
let data2000 = data.filter(d => d.year === 2000)

let plot = vl.markPoint()
  .data(data2000)
  .encode(
    vl.x().fieldQ('fertility')
  )

await display(plot)  // no output

import vl from "npm:vega-lite-api"
import vlData from 'npm:vega-datasets';

const data = await vlData['gapminder.json']();
let data2000 = data.filter(d => d.year === 2000)

let plot = vl.markPoint()
  .data(data2000)
  .encode(
    vl.x().fieldQ('fertility')
  )

await display(plot)  // no output

Anyone has an idea, what am I missing?

Deno•3y ago•

2 replies

YettiMG

Plot Vega-Lite in Jupyter Notebook running the Deno kernel

Hello, I am very new to Deno... I wanted to see if I can produce some interactive Vega visualizaiton in a Jupyter notebook, however I don't get any plot showing. Here is an example (taken from here):

import vl from "npm:vega-lite-api"
import vlData from 'npm:vega-datasets';

const data = await vlData['gapminder.json']();
let data2000 = data.filter(d => d.year === 2000)

let plot = vl.markPoint()
  .data(data2000)
  .encode(
    vl.x().fieldQ('fertility')
  )

await display(plot)  // no output

import vl from "npm:vega-lite-api"
import vlData from 'npm:vega-datasets';

const data = await vlData['gapminder.json']();
let data2000 = data.filter(d => d.year === 2000)

let plot = vl.markPoint()
  .data(data2000)
  .encode(
    vl.x().fieldQ('fertility')
  )

await display(plot)  // no output

Anyone has an idea, what am I missing?

Plot Vega-Lite in Jupyter Notebook running the Deno kernel

Similar Threads

Plot Vega-Lite in Jupyter Notebook running the Deno kernel

Similar Threads

Similar Threads

Similar Threads