Get started with vega-lite CDN

BSD-3-Clause licensed

Vega-Lite is a library for creating interactive, web-based data visualizations with minimal coding.

Tags:
  • visualization
  • grammar

Stable version

Copied!

How to start using vega-lite CDN


<!DOCTYPE html>
<html>
<head>
  <script src="https://cdn.cdnhub.io/vega-lite/5.17.0/vega-lite.min.js"></script>
  <style>
    .vl-chart {
      width: 100%;
      height: 300px;
    }
  </style>
</head>
<body>
  <div class="vl-chart"></div>
  <script>
    const data = {
      "data": {
        "values": [
          { "A": 3 },
          { "B": 4 },
          { "C": 2 },
          { "D": 5 }
        ]
      }
    };

    const spec = {
      "$schema": "https://vega.github.io/schema/vega-lite/v5.json",
      "width": 210,
      "height": 291,
      "padding": { "bottom": 15 },
      "scales": {
        "x": { "scheme": "ordinal" }
      },
      "marks": [
        {
          "type": "bar",
          "from": { "data": "data" },
          "encode": {
            "x": { "field": "key", "scale": "x" },
            "y": { "aggregate": "sum", "field": "value" }
          }
        }
      ]
    };

    const chart = vegaLite.parse(spec);
    vegaLite.render(chart, "div.vl-chart");
  </script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!

All versions

0.8.0 0.8.1 0.8.2 0.9.0 0.9.1 0.9.2 0.9.3 1.0.0 1.0.1 1.0.10 1.0.11 1.0.12 1.0.13 1.0.14 1.0.15 1.0.16 1.0.2 1.0.3 1.0.5 1.0.6 1.0.7 1.0.8 1.0.9 1.1.0 1.1.1 1.1.2 1.1.3 1.1.4 1.2.0 1.2.1 1.3.0 1.3.1 2.0.0 2.0.0-alpha.0 2.0.0-alpha.1 2.0.0-alpha.10 2.0.0-alpha.2 2.0.0-alpha.3 2.0.0-alpha.4 2.0.0-alpha.5 2.0.0-alpha.6 2.0.0-alpha.7 2.0.0-alpha.8 2.0.0-alpha.9 2.0.0-beta.0 2.0.0-beta.1 2.0.0-beta.10 2.0.0-beta.11 2.0.0-beta.13 2.0.0-beta.14 2.0.0-beta.15 2.0.0-beta.16 2.0.0-beta.17 2.0.0-beta.18 2.0.0-beta.19 2.0.0-beta.2 2.0.0-beta.21 2.0.0-beta.3 2.0.0-beta.4 2.0.0-beta.5 2.0.0-beta.6 2.0.0-beta.7 2.0.0-beta.8 2.0.0-beta.9 2.0.0-rc0 2.0.0-rc1 2.0.0-rc2 2.0.0-rc3 2.0.0-rc4 2.0.0-rc5 2.0.0-rc6 2.0.1 2.0.2 2.0.3 2.0.4 2.1.0 2.1.0-beta1 2.1.1 2.1.2 2.1.3 2.2.0 2.3.0 2.3.1 2.4.0 2.4.1 2.4.2 2.4.3 2.5.0 2.5.1 2.5.2 2.6.0 2.7.0 3.0.0 3.0.0-rc0 3.0.0-rc1 3.0.0-rc10 3.0.0-rc11 3.0.0-rc12 3.0.0-rc13 3.0.0-rc14 3.0.0-rc15 3.0.0-rc16 3.0.0-rc2 3.0.0-rc3 3.0.0-rc4 3.0.0-rc5 3.0.0-rc6 3.0.0-rc7 3.0.0-rc8 3.0.0-rc9 3.0.1 3.0.2 3.0.3 3.1.0 3.2.0 3.2.1 3.3.0 3.4.0 4.0.0 4.0.0-beta.0 4.0.0-beta.1 4.0.0-beta.10 4.0.0-beta.11 4.0.0-beta.12 4.0.0-beta.2 4.0.0-beta.3 4.0.0-beta.4 4.0.0-beta.5 4.0.0-beta.6 4.0.0-beta.7 4.0.0-beta.8 4.0.0-beta.9 4.0.2 4.1.0 4.1.1 4.10.0 4.10.1 4.10.2 4.10.4 4.10.5 4.11.0 4.12.0 4.12.1 4.12.2 4.13.0 4.13.1 4.14.0 4.14.1 4.15.0 4.16.1 4.16.2 4.16.6 4.16.7 4.16.8 4.17.0 4.2.0 4.3.0 4.3.1 4.4.0 4.5.0 4.5.1 4.6.0 4.7.0 4.8.0 4.8.1 4.9.0 5.0.0 5.1.0 5.1.1 5.10.0 5.11.0 5.11.1 5.12.0 5.13.0 5.14.0 5.14.1 5.15.0 5.15.1 5.16.0 5.16.1 5.16.2 5.16.3 5.17.0 5.18.0 5.18.1 5.19.0 5.2.0 5.2.1--canary.3efcc9e.0 5.2.1--canary.6953.045358c.0 5.2.1--canary.6953.0cc2660.0 5.2.1--canary.6953.331c1bd.0 5.2.1--canary.6953.37c4d65.0 5.2.1--canary.6953.444301c.0 5.2.1--canary.6953.4eb4972.0 5.2.1--canary.6953.4f191c4.0 5.2.1--canary.6953.50ab21f.0 5.2.1--canary.6953.51106e2.0 5.2.1--canary.6953.51fc546.0 5.2.1--canary.6953.5afb6f6.0 5.2.1--canary.6953.5bc6d6a.0 5.2.1--canary.6953.636dc88.0 5.2.1--canary.6953.7254d28.0 5.2.1--canary.6953.8b9d3a2.0 5.2.1--canary.6953.923b0e3.0 5.2.1--canary.6953.a36ecf3.0 5.2.1--canary.6953.b02d948.0 5.2.1--canary.6953.b40e44f.0 5.2.1--canary.6953.b837c81.0 5.2.1--canary.6953.d6cde6a.0 5.2.1--canary.6953.f573e10.0 5.2.1--canary.6953.f5a2835.0 5.2.1--canary.6953.fb1010a.0 5.2.1--canary.6953.fdffe1b.0 5.2.1--canary.7933.16da17a.0 5.2.1--canary.7933.5a6ca2d.0 5.2.1--canary.7933.7f5e1af.0 5.2.1--canary.7933.9551dc4.0 5.2.1--canary.7933.9a516dd.0 5.2.1--canary.7997.cf7b1d6.0 5.2.1--canary.8018.9ffa0d9.0 5.2.1--canary.8018.e847873.0 5.2.1--canary.8031.0044b51.0 5.2.1--canary.8047.428a7b3.0 5.2.1--canary.8050.a56a451.0 5.2.1--canary.8050.b5e6c82.0 5.2.1--canary.8088.650abce.0 5.2.1--canary.8089.0345f00.0 5.2.1--canary.8124.0ed33ca.0 5.2.1--canary.8124.35e6f4b.0 5.2.1--canary.8128.11012d1.0 5.2.1--canary.8128.1dd0ea8.0 5.2.1--canary.8128.d7233a7.0 5.2.1--canary.8133.ac6f75c.0 5.2.1--canary.8139.3ce34b2.0 5.2.1--canary.8139.91b6f56.0 5.2.1--canary.8139.e27d00d.0 5.2.1--canary.8140.8f29ddb.0 5.2.1--canary.8167.0f60cae.0 5.2.1--canary.8167.c787a07.0 5.2.1--canary.8174.602fa71.0 5.2.1--canary.8200.b31e5b7.0 5.2.1--canary.8200.f3198e1.0 5.2.1--canary.8212.74c417c.0 5.2.1--canary.8212.924ee60.0 5.2.1--canary.8212.df919da.0 5.2.1--canary.8212.e1d8276.0 5.2.1--canary.8225.2caa793.0 5.2.1--canary.8225.9a33014.0 5.2.1--canary.8225.a7af902.0 5.2.1--canary.8225.b513c0c.0 5.2.1--canary.8225.cc82ce5.0 5.2.1--canary.8225.e9de04b.0 5.2.1--canary.8227.4d47157.0 5.2.1--canary.8227.7a55ee6.0 5.2.1--canary.8227.aee9b92.0 5.2.1--canary.8227.e51ff5b.0 5.2.1--canary.8227.ed0785e.0 5.2.1--canary.8227.fa2c73b.0 5.2.1--canary.8228.1a5f508.0 5.2.1--canary.8228.3a21d8a.0 5.2.1--canary.8228.47086ae.0 5.2.1--canary.8228.a549581.0 5.2.1--canary.8228.bf1bfd0.0 5.2.1--canary.8228.f48be60.0 5.2.1--canary.8241.2ed9265.0 5.2.1--canary.8241.bc2bd4f.0 5.2.1--canary.8242.8790c53.0 5.2.1--canary.8243.63e8b21.0 5.20.0 5.20.1 *** 5.21.0 5.3.0 5.3.0--canary.8145.2e837c8.0 5.3.0-next.0 5.3.0-next.1 5.3.0-next.2 5.3.0-next.3 5.3.0-next.4 5.3.1--canary.8268.81a948b.0 5.3.1--canary.8268.cd9f9c1.0 5.3.1--canary.8270.1bfd6b2.0 5.3.1--canary.8270.ef8c0b6.0 5.3.1--canary.8304.2ebf588.0 5.3.1--canary.8304.584dc64.0 5.3.1--canary.8304.699d7f9.0 5.3.1--canary.8304.71324f1.0 5.3.1--canary.8305.23e705e.0 5.3.1--canary.8305.cda1c30.0 5.3.1--canary.8307.01c9ffd.0 5.3.1--canary.8307.0c130a6.0 5.3.1--canary.8307.1e504b0.0 5.3.1--canary.8307.2c54820.0 5.3.1--canary.8307.304c671.0 5.3.1--canary.8307.308f4af.0 5.3.1--canary.8307.57c3891.0 5.3.1--canary.8307.5b17d2b.0 5.3.1--canary.8307.79023d6.0 5.3.1--canary.8307.8720847.0 5.3.1--canary.8307.95535b2.0 5.3.1--canary.8307.b88b45a.0 5.3.1--canary.8307.c4bd886.0 5.3.1--canary.8307.ccde500.0 5.3.1--canary.8307.d0afe80.0 5.3.1--canary.8307.d728a89.0 5.3.1--canary.8307.d89d40b.0 5.3.1--canary.8308.49e2c4f.0 5.3.1--canary.8308.82d5f24.0 5.3.1--canary.8308.d8794a4.0 5.3.1-next.0 5.3.1-next.1 5.3.1-next.2 5.3.1-next.3 5.3.1-next.4 5.4.0 5.4.1--canary.8320.192875a.0 5.4.1--canary.8320.193f79b.0 5.4.1--canary.8320.20e36df.0 5.4.1--canary.8320.227aa9e.0 5.4.1--canary.8320.2d0da7f.0 5.4.1--canary.8320.4ca173b.0 5.4.1--canary.8320.8b0fd34.0 5.4.1--canary.8320.af94421.0 5.4.1--canary.8320.bdedcc5.0 5.4.1--canary.8320.cd0c59c.0 5.4.1--canary.8320.e42af63.0 5.4.1--canary.8320.f4f6caa.0 5.4.1--canary.8320.f4fc61d.0 5.4.1--canary.8328.0f7bd89.0 5.4.1--canary.8328.21624ec.0 5.4.1--canary.8328.21624ec.1 5.4.1--canary.8339.18510b9.0 5.4.1--canary.8339.1d023b5.0 5.4.1--canary.8339.32680d2.0 5.4.1--canary.8339.68e9e44.0 5.4.1--canary.8339.a8d7a15.0 5.4.1--canary.8339.c6ce874.0 5.4.1--canary.8349.4227eff.0 5.4.1--canary.8349.457cc6f.0 5.4.1--canary.8349.7c3d1c0.0 5.4.1--canary.8349.894946b.0 5.4.1--canary.8349.97d0543.0 5.4.1--canary.8349.f56ffa9.0 5.4.1--canary.8349.f5dfbbd.0 5.4.1--canary.8352.4f8b2d8.0 5.4.1--canary.8354.0e91307.0 5.4.1--canary.8354.34b2e8d.0 5.4.1--canary.8354.54e09b3.0 5.4.1--canary.8354.5f79fba.0 5.4.1--canary.8354.692ed69.0 5.4.1--canary.8354.6ea8d62.0 5.4.1--canary.8354.a43105c.0 5.4.1--canary.8354.a911a04.0 5.4.1--canary.8354.aa593a8.0 5.4.1--canary.8354.b3f0cbc.0 5.4.1--canary.8354.cf03378.0 5.4.1--canary.8354.e94a032.0 5.4.1--canary.8355.782aa4f.0 5.4.1--canary.8355.8713057.0 5.4.1--canary.8356.213cd8c.0 5.4.1--canary.8356.519cddd.0 5.4.1--canary.8356.5b3a942.0 5.4.1--canary.8356.9b76cbe.0 5.4.1--canary.8356.e852c23.0 5.4.1--canary.8356.f47ee66.0 5.4.1--canary.8363.08df068.0 5.4.1--canary.d2e4c0c.0 5.4.1-next.0 5.4.1-next.1 5.4.1-next.2 5.5.0 5.5.1--canary.0dbbc2b.0 5.5.1--canary.3928d97.0 5.5.1--canary.8354.2c8cc57.0 5.5.1--canary.8354.6729853.0 5.5.1--canary.8354.f384cc4.0 5.5.1--canary.8365.321efb8.0 5.5.1--canary.8365.7370103.0 5.5.1--canary.8365.ce56fd1.0 5.5.1--canary.8366.47a6c88.0 5.5.1--canary.8366.4ea8276.0 5.5.1--canary.8366.4fd12eb.0 5.5.1--canary.8366.69684a7.0 5.5.1--canary.8366.ddcd175.0 5.5.1--canary.8366.f192518.0 5.5.1--canary.8367.0adbf03.0 5.5.1--canary.8367.2db23aa.0 5.5.1--canary.8367.52cfb14.0 5.5.1--canary.8367.dd8fa44.0 5.5.1--canary.8367.df20f66.0 5.5.1--canary.8367.e62861a.0 5.5.1--canary.8369.26ef9b6.0 5.5.1--canary.8409.94b06f4.0 5.5.1--canary.8409.9d57332.0 5.5.1--canary.8424.34cc8aa.0 5.5.1--canary.8424.8e76884.0 5.5.1--canary.8433.0d4d394.0 5.5.1--canary.8433.47611f3.0 5.5.1--canary.8433.b12aa58.0 5.5.1--canary.8451.0f10787.0 5.5.1--canary.8451.114a9a6.0 5.5.1--canary.8451.27cf784.0 5.5.1--canary.8451.6261656.0 5.5.1--canary.8451.acef6f1.0 5.5.1--canary.8451.d4ca9bc.0 5.5.1--canary.8451.d93543f.0 5.5.1--canary.8451.f5dcd7d.0 5.5.1--canary.8470.f02f3d3.0 5.5.1--canary.8472.2a80c42.0 5.5.1--canary.8475.9ae6cf3.0 5.5.1--canary.8475.a9d1dc5.0 5.5.1--canary.8475.ccc3007.0 5.5.1--canary.c03b7dc.0 5.5.1--canary.cb0b706.0 5.5.1--canary.cef01d6.0 5.5.1--canary.d3a0540.0 5.5.1--canary.e4fb285.0 5.6.0 5.6.0--canary.8434.91e1716.0 5.6.0-next.0 5.6.0-next.1 5.6.0-next.2 5.6.0-next.3 5.6.0-next.4 5.6.0-next.5 5.6.0-next.6 5.6.0-next.7 5.6.1 5.6.1--canary.8486.d7be769.0 5.6.1--canary.8592.fcbd150.0 5.6.1--canary.8600.4a1395c.0 5.6.1--canary.8600.bde9322.0 5.6.1--canary.8641.fe3f2dd.0 5.6.1--canary.8660.619c272.0 5.6.1--canary.8660.a24e7a3.0 5.6.1--canary.8690.f7cb3b9.0 5.6.1-next.0 5.6.1-next.1 5.7.0 5.7.0--canary.8145.0eb1af7.0 5.7.0-next.0 5.7.1 5.8.0 5.9.0 5.9.1 5.9.2 5.9.3