https://github.com/Lightning-Chart/lcjs-react-template
React project template with LightningChart JS
https://github.com/Lightning-Chart/lcjs-react-template
lcjs lightningchart react template
Last synced: 17 days ago
JSON representation
React project template with LightningChart JS
- Host: GitHub
- URL: https://github.com/Lightning-Chart/lcjs-react-template
- Owner: Lightning-Chart
- Created: 2019-10-21T12:32:19.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2025-02-05T12:17:06.000Z (4 months ago)
- Last Synced: 2025-04-19T01:54:13.979Z (about 1 month ago)
- Topics: lcjs, lightningchart, react, template
- Language: TypeScript
- Homepage:
- Size: 1.75 MB
- Stars: 5
- Watchers: 4
- Forks: 3
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# LightningChart JS x React template
This is a minimal example of using LightningChart JS in React.
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
Run app with:
- `npm i`
- `npm start`
Files of interest:
- [Simple React line chart component](./src/Components/MyChartComponent.tsx)
- [Using LCHost and the above line chart component](./src/App.tsx)
- [LCHost + LCContext implementations](./src/LC.tsx)
License key should be supplied in [.env](./.env)
Learn more about LightningChart JS and React [here](https://lightningchart.com/js-charts/docs/frameworks/react/).
Learn more about connecting to real-time data sources [here](https://lightningchart.com/js-charts/docs/basic-topics/real-time-data/)
## react-time-series-chart
For a plug-and-play library for React time series chart component, see [react-time-series-chart](./react-time-series-chart/)