Quickstart
You really just need to install D3, that's it. Under the hood, we use D3's functions to handle the math, and everything else consists of elements like divs and svgs that you can directly manipulate as needed.
While optional, we highly recommend you to pair these charts with TailwindCSS as we created them with it in mind. You can install it here.
Installation
Before making your first API request, you need to pick which API client you will use. In addition to good ol' cURL HTTP requests, Protocol offers clients for JavaScript, Python, and PHP. In the following example, you can see how to install each client.
npm install d3 @types/d3
Using your first chart
Once D3 is installed, you can simply copy the source code of any rosen chart and experience the magic. Below is a simple example of a bar chart.
What's next?
Great, you're now rendered your first chart you can head over learn how to connect your own data sources.