When building charts and chart libraries it's nice to know how all the pieces work together. We take a quick look at how all the parts work together.
Create a pictorial fraction of water in SVG using Svelte. Allows for percentage progress so the image looks like it's filling or draining.
This is a simple example of a single line chart built with the @vx charting primitives. We can use this to as a base to add multiple lines to our chart.
Building a bar chart in React using the @vx library of charting primitives. This is one of the most widely used charts and gives a good base for building upon.