Get started with tauCharts CDN

Apache-2.0 licensed

TauCharts is a lightweight, flexible, and customizable data visualization library for JS.

Tags:
  • d3
  • charts

Stable version

Copied!

How to start using tauCharts CDN


<!DOCTYPE html>
<html>
<head>
    <title>Get started with tauCharts CDN - cdnhub.io</title>
    <script src="https://cdn.jsdelivr.net/npm/taucharts@2.8.0/dist/taucharts.min.js"></script>
    <style>
        #chart1 {
            width: 400px;
            height: 400px;
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <div id="chart1"></div>
    <script>
        const chart = new tau.Chart('chart1', {
            data: {
                columns: ['Country', 'Population'],
                rows: [
                    ['China', 1392536625],
                    ['India', 1366417754],
                    ['United States', 328215455],
                    ['Indonesia', 273523615],
                    ['Pakistan', 220892340]
                ]
            },
            axes: {
                x: {
                    title: 'Country'
                },
                y: {
                    title: 'Population',
                    label: {
                        format: function (value) {
                            return value.toLocaleString();
                        }
                    }
                }
            },
            series: [
                {
                    source: {
                        series: 0
                    },
                    type: 'bar'
                }
            ]
        });
    </script>
</body>
</html>

All versions