simple-viz

A set of simple but useful visualization components.

Usage no npm install needed!

<script type="module">
  import simpleViz from 'https://cdn.skypack.dev/simple-viz';
</script>

README

simple-viz

This simple React UI library contains a small set of visualizations that I might expand later. For now it only contains a Treemap.

Install

You can install with [npm]:

$ npm install --save simple-viz

Usage

The library is self documented in a Storybook here:

https://webdacjs.github.io/simple-viz/

Please browse it and discover all the different usecases supported but the simplest usage is to import the Treemap module and pass the data parameter. This data should contain an array of ojects with value, but can contain other properties like color, label and tooltip. ie


import { Treemap } from 'simple-viz'

export default function testcomponent ({data, rows, vals}) {

    return (
         <Treemap
            data={data} />
    )

}

License

Copyright © 2021, Juan Convers. Released under the MIT License.