Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including reactland with all npm packages installed. Try it out:

require("react/package.json"); // react is a peer dependency. var reactland = require("reactland")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

reactland v1.0.8

demo component for fully responsive d3 charts in react

ReactLand

A React component that demonstrates fully responsive D3 charts.

Maintenance Status

Requires React 16.0.0 or higher.

Currently, the primary purpose of this React component is to quickly demonstrate some examples of fully responsive D3 visualisations inside of a React app.

npm i reactland

Usage

Nest this component anywhere inside of your app, whilst ensuring you style the parent component with a reasonable CSS height property.

Toggle between the two example charts by specifying a prop of 'example' with a value of either 'alphabet' or 'football';

import ReactLand from 'reactland';

function App() {
  return (
    <div style={{height: '100vh'}}>
      <ReactLand example='alphabet'/>
    </div>
  )
};

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free