@simspace/nivo-api

Rendering API for nivo dataviz React/d3 components

Usage no npm install needed!

<script type="module">
  import simspaceNivoApi from 'https://cdn.skypack.dev/@simspace/nivo-api';
</script>

README

nivo-api

Rendering API for nivo dataviz React/d3 components.

A demo is available on heroku, but may not respond depending on usage.

How it works

The API expose some of the nivo charts by using React server side environment.

First you will have to make a post request on the desired endpoint, for example:

curl -X POST \
  --header 'Content-Type: application/json' \
  --header 'Accept: application/json' \
  -d '{ "width": 500, "height": 500, "data": [[223, 299, 345, 184], [123, 248, 65, 123], [412, 76, 187, 312], [97, 37, 502, 176]]}' \
  'http://localhost:3030/charts/chord'

{
  "id": "73633fea-160e-4118-a534-377c3ed85254",
  "url": "http://localhost:3000/r/73633fea-160e-4118-a534-377c3ed85254"
}

The response contains a link to the chart

GET http://localhost:3000/r/73633fea-160e-4118-a534-377c3ed85254

Charts endpoints

POST /charts/bar
POST /charts/bubble
POST /charts/calendar
POST /charts/chord
POST /charts/line
POST /charts/pie
POST /charts/radar
POST /charts/sankey
POST /charts/sunburst
POST /charts/treemap

Charts samples

Repositories