pdv-ui v1.0.10

Philips Data UI

View the component library

A UI Library for data visualisation within Philips

Getting Started

npm i --save pdv-ui

import { Sparkline } from 'pdv-ui'

<Sparkline
  width={400}
  height={250}
  margin={10}
  data={[{ foo: 1, bar: '2018' }, { foo: 4, bar: '2019' }]}
  getX={(d) => d.bar}
  getY={(d) => d.foo}
  />

API

• Colors
• Sparkline
• Bar Chart
• Line Chart

Contributing

Make a PR and fix stuff