uncharts

Opinionated data charts for React, powered by D3

Usage no npm install needed!

<script type="module">
  import uncharts from 'https://cdn.skypack.dev/uncharts';
</script>

README

uncharts NPM JavaScript Style Guide

Demo page

See uncharts in action here.

Install

npm install --save uncharts

Usage

import React from 'react'

import { Tile, LineGraph, BarGraph, PieChart, NumberTile, ThemeProvider} from 'uncharts'

function App(){
  return (
    <ThemeProvider>
      <Tile>
        <LineGraph
          width={600}
          height={450}
          xLabel="Years"
          yLabel="GDP in Millions"
          data={[
            {x: 30, y: 1987},
            {x: 24, y: 1988},
            {x: 49, y: 1989},
            {x: 12, y: 1990}
          ]}
        />
      </Tile>
    </ThemeProvider>
  )
}

License

MIT © tecuity