Skip to content

πŸ“ŠπŸŽ¨ Nice looking financial chart examples.

Notifications You must be signed in to change notification settings

GunnarPDX/Nice-Charts

Folders and files

NameName
Last commit message
Last commit date

Latest commit

a6bbf78 Β· Jul 19, 2021

History

19 Commits
Jul 19, 2021
Oct 26, 2020
Jul 19, 2021
Oct 26, 2020
Jul 19, 2021
Nov 1, 2020
Nov 1, 2020
Nov 1, 2020
Jul 19, 2021
Nov 3, 2020
Nov 1, 2020
Jul 19, 2021
Oct 26, 2020
Jul 19, 2021

Repository files navigation

Nice Charts

examples preview

This is a collection of financial charts I made with react-vis and vx-charts/visx for projects of mine. Sharing these in case anyone else finds them useful, feel free to open up a PR if there are any you would like to add. Inspiration came from https://github.com/hshoff/viewsource.

react-vis: https://github.com/uber/react-vis yarn add react-vis

vx/visx: https://github.com/airbnb/visx yarn add @vx/vx

Examples

Correlation Matrix

check out https://github.com/GunnarPDX/Correlations for backend usage examples src/charts/MatrixChart.jsx

correlation matrix img

Order Book

src/charts/OrderBookChart.jsx

order book chart img

Candlesticks

src/charts/CandlestickChart.jsx

candlestick chart img

Price Chart

src/charts/PriceChart.jsx src/charts/AreaChart.jsx

price chart img

Threshold Chart

src/charts/ThresholdChart.jsx

price chart img