dev stack

[Jean-Baptiste-Lasselle]

très frais à choisir :

• astro preact
• avec shadcn / radix et des thèmes tailwind:
  • https://ui.shadcn.com/docs/installation/astro
  • https://github.com/shadcn-ui/ui
  • https://ui.jln.dev/ : énormément d'excellents thèmes
  • démo rapide:
  • https://www.youtube.com/watch?v=sIKGWcLB2nY
  • https://www.youtube.com/watch?v=IXAw4YbSDhw
  • https://www.youtube.com/watch?v=oVS9wR-lpGQ

[Jean-Baptiste-Lasselle]

problème de shadcn: comment faire de beaux charts avec ? ça, je ne sais pas, masi mes recherches:

• shadcn se base sur radixui https://www.radix-ui.com/
• en cherchant ds google radix ui chart je ne trouve pas grand chose en termes de charts

mais j'ai trouvé tremor :

• https://www.tremor.so/docs/visualizations/scatter-chart
• https://www.tremor.so/docs/visualizations/bar-chart
• https://www.tremor.so/docs/visualizations/area-chart
• foncitonne de base avec react

mais bien bie que tremor, j'ai trouvé une lib reat qui intègre tout spécifiquement d3 :

• https://recharts.org/en-US/api/ComposedChart
• https://github.com/recharts/recharts

mais encore meiux que recharts, et aussi intégrant d3 et react (magnifique celle-là):

• https://github.com/plouc/nivo

Après j'en ai trouvé une qui est spéciale, parce que pure browser, mais très puissante et elle a la version typescript:

• https://github.com/apache/echarts
• il a mêe une partie des composants basée sur Open GL (impressionnnant)
• un ou deux tout particulièrement adapté à essayer pour decoder-leco :
  • https://echarts.apache.org/examples/en/editor.html?c=scatter3D-dataset&gl=1
  • https://echarts.apache.org/examples/en/editor.html?c=line-race
• autre composant impressionant(option svg ou canvas wow): https://echarts.apache.org/examples/en/editor.html?c=treemap-sunburst-transition&lang=ts

j'ai aussi trouvé une intéressante, car très riche, et compatible react :

• https://github.com/airbnb/visx