Domc.Dev
Published on

Build Crypto Charts using visx & Tailwind

Authors

Tailwind charting options

If your looking for a charting library that plays nice with tailwind, your best options are d3, react-charts and visx from Airbnb.

Each option has it's pros and cons, for my project - Moby, I decided to go with visx as the charts look great out of the box but have a good amount of extensibility build into them. If your looking for something more bare bones, I would go with D3.

For the examples below I will be using price data from the CoinGecko api which is free and open, so no API keys are required for this demo to run on your machine.

Example Charts

Basic Chart

Trending Today

BNB (BNB)

+12%

Trending Today

BNB (BNB)

+12%

Code Sandbox

Feel free to use these components however you like.