How to build a type-safe pie chart in SolidJs with d3 and tailwind

• templates

  4 417 4.1 TypeScript

  Vite + solid templates (by solidjs)

  

First, we need a new Solid project with typescript, tailwind and d3. Following the Solid docs, we'll just grab the typescript + tailwindcss template and then install d3 and the d3 types.

• d3

  277 107,679 8.0 Shell

  Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada:

  

You might have a lot of data in your SolidJs app that needs a good chart to make it easier to read. If so, you're in the right place! In this article we will go from zero to a fully type-safe and customizable pie chart powered by d3, so open your terminal and let's start!

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

Suggest a related project