Welcome to dotChart!

dotChart is Licensed under the MIT license
dotChart is a reusable React component that generates a custom dot chart. A dot chart is a simple graph that expresses disparate data values. The utility of dotChart is in the ability to customize multiple number ranges along the Y axis. This is extremely helpful when expressing gross value differences. I hope you find dotChart useful!

Installation

In your terminal, npm install dotchart

in your text editor, at the top of your file, import{Chart, ChartItem} from "dotChart"

[View Demo](https://link-url-here.org)

Usage Instructions

Instantiate the Chart component with a range property
Determine the range, or ranges of the Y axis.
1. range = {[lowest value, highest value, step value]}
2. the lowest value is the range start, the highest value is the range end, and the step value is the interval at which the range is counted.
Instantiate ChartItem as children components
1. Specify the properties to label and position chart data

Demo

Demo Result

Some Known Issues

If the ranges are not rendering, try removing react strict mode