TTC
Theo's Typesafe Cult•4mo ago
Noor

Best Chart/Graphs React Library

Hey everyone I am working on react app. I want to introduce analytics and analysis of data in the app. Currently I am not decided what type of Charts or Graphs to use. So can anyone suggest me best library for react which js light weight, easy to use and have many options to choose from.
6 Replies
Drake
Drake•4mo ago
I've used ChartJS (https://www.chartjs.org/) and D3js (https://d3js.org/). I would recommend starting with ChartJS since it's a bit easier to get started with than D3. D3 is great but can be a bit overwhelming. It is great if you need to start modeling out more complex data vis.
Rhys
Rhys•4mo ago
What analytics tool are you using?
Rhys
Rhys•4mo ago
If it’s PostHog, you might want to use https://typelytics.rhyssul.com/ which has charts + querying
typelytics
typesafe analytics from query to render
Rufis
Rufis•4mo ago
Gary, el Pingüino Artefacto
Gary, el Pingüino Artefacto•4mo ago
Daryl
Daryl•3mo ago
More alternatives: * easy to start with: https://www.tremor.so/components * cool but not that easy: https://airbnb.io/visx/gallery
Tremor – React components to build charts and dashboards
Tremor – React components to build charts and dashboards
The open-source library for dashboards built on top of Tailwind CSS.
Want results from more Discord servers?
Add your server
More Posts
NextAuth behind nginx https proxy doesn't get sessionI have got my app working in development and now wanted to move everything to production. My DatabasBEGINNER: How do I create an accordion with React Native/Expo GoHey! I'm new to React Native, and I would like to know if there are any good accordion libraries outPlanetscale billingHi, on account of the Theo's video about Netlify billing I panicked a little. I tried to find a mentUsing getStaticProps with TRPC (Fetching data via mutate)Hi, I'm trying to do a TRPC fetch that requires a mutation (not possible to do a query, GET request server action && from state && fileswhen i log the value i get null anyone more familiar with action knows why ??? ```tsx import { api }SSR with CSR after loadHey! Is it possible to have SSR with CSR after the initial load? I'm using t3 with trpc and app routInfinite Query crashes Next.js routerso long story short, when I use the infinite query, cursor based pagination version of the query hIs it possible to render a placeholder to display while a client component loads?I kinda wanted `<suspense>` to do this for me but it doesn't seem to. Let's say I have a client comGuidance / Guide / Repo with monorepo separate server & client NextJS with App Dir, tRPCLooking for the best way to achieve the above. Any help appreciated. Can look at an existing GitHub create-t3 connect docker server to docker databaseI‘ve used the create-t3 framework to set up my project and I‘d like to use it with a postgres databa