An animated SVG drawn with D3 + React and CSS.
In the project directory, you can run:
Install the necessary packages by following these steps:
In the Terminal, go to the project folder:
cd d3-elephant
Install the necessary packages using package-json:
npm install
Runs the app in development mode by following these steps:
In the Terminal, go to the project folder:
cd d3-elephant
Run the app in the development mode:
npm run dev
Open http://localhost:8080 to view it in the browser.
The page will reload when there are changes.
You may also see any lint errors in the console.
Builds the app for production to the dist folder by following these steps:
In the Terminal, go to the project folder:
cd d3-elephant
Run the app in the development mode:
npm run build
This web app was built using these products :
To learn all about D3, including how to get start on D3 using React, check out the Fullstack D3 course by Amelia Wattenberger.
For some help on setting up a React app using Webpack, check out this article from Prateek Srivastava.
For information on Azure Static Web Apps, check out Static Web Apps!, the Azure Static Web Apps learning path and the Azure Static Web Apps documentation.