Data Vis Challenge

This challenge is create a component that displays a scatter plot of data from an iris dataset.

See the reference solution here: http://ixc-datavis.surge.sh/

Setup & Running

• run npm i in order to install required packages.

• run npm start in to run the app in development mode.

Rules:

• Follow these coding style guidelines.

• Do not add any additional modules/dependencies.

• Create a component scatter.jsx that will display the data from props.dataset in a scatter plot, and at a minimum:

  • Component takes its dimensions from props.width and props.height.

  • Each point in the scatter plot is an individual row (flower).

  • X axis is petalWidth, and Y axis is petalLength.

  • Color each point by species (e.g. virginica is blue, versicolor is green, setosa is orange).

  • On point hover, show all stats (species, petalWidth, petalLength, sepalWidth, and sepalLength).