Napoleonic Political Magnificence
    Wondering what’s next for npm?Check out our public roadmap! »

    @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

    Keywords

    none

    Install

    npm i @nteract/transform-vega

    DownloadsWeekly Downloads

    4,753

    Version

    1.0.0

    License

    BSD-3-Clause

    Unpacked Size

    1.4 MB

    Total Files

    20

    Last publish

    Collaborators

    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar