JSFiddle - React, Tailwind, and code Playground

by Cone

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/billboard.js/3.13.0/billboard.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/billboard.js/3.13.0/billboard.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/billboard.js/3.13.0/billboard.pkgd.min.js"></script>
<div id="chart"></div>

JavaScript

bb.generate({
    bindto: "#chart",
    data: {
        columns: [
            ["Алматы", 30, 200, 100, 170, 150, 250],
            ["data2", 130, 100, 140, 35, 110, 50]
        ],
        types: {
          Алматы: "area-spline",
          data2: "area-spline"
        },
        colors: {
          Алматы: "red",
          data2: "purple"
        }
    }
});