@nteract/transform-vega
TypeScript icon, indicating that this package has built-in type declarations

1.0.0 • Public • Published

@nteract/transform-vega

This package contains a React component for rendering interactive visualizations using Vega.

Installation

$ yarn add @nteract/transform-vega
$ npm install --save @nteract/transform-vega

Usage

The example below shows how we can use this package to render a scatterplot.

import { Vega3 } from "@nteract/transform-vega";

export default () => {
  return (
    <Vega3
      data={{
        description: "A scatterplot showing horsepower and miles per gallons.",
        data: {
          values: cars
        },
        mark: "point",
        encoding: {
          x: { field: "Horsepower", type: "quantitative" },
          y: { field: "Miles_per_Gallon", type: "quantitative" },
          color: { field: "Origin", type: "nominal" },
          shape: { field: "Origin", type: "nominal" }
        }
      }}
    />
  );
};

Documentation

We're working on adding more documentation for this component. Stay tuned by watching this repository!

Support

If you experience an issue while using this package or have a feature request, please file an issue on the issue board and add the pkg:transform-vega label.

License

BSD-3-Clause

Readme

Keywords

none

Package Sidebar

Install

npm i @nteract/transform-vega

Weekly Downloads

271

Version

1.0.0

License

BSD-3-Clause

Unpacked Size

1.4 MB

Total Files

20

Last publish

Collaborators

  • hydrosquall
  • benabel
  • alexandercbooth
  • benrussert
  • mpacer
  • theengineear
  • yuvipanda
  • rgbkrk
  • lgeiger
  • ivanov
  • captainsafia
  • peggyrayzis
  • jdetle
  • hasch
  • willingc
  • stormpython
  • crystalline-cat
  • emeeks