Sample project to demonstrate how to create a line-chart by using d3js and typescript in React. The app reads input values (x,y) from a mock API and draws a line chart by using d3.js. The application also includes new point adding feature.
A sample screenshow of the app is as below:
- Create-React-App used (Typescript project)
- A generic api integration layer implemented
- Linter configured & applied.
- SCSS files can be found in asset folder.
- As a mock server, postman is already configured. The endpoint and api url's can be found in .env file.
if required, the postman collections can also be imported with the following link: https://www.getpostman.com/collections/0aad77de47ab7e087b94
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
You will also see any lint errors in the console.