NK
able
nav.home
nav.tools
nav.search
nav.blog
nav.contact
Chart Data Builder
Build chart configurations for popular libraries
Chart Type
bar
line
pie
doughnut
radar
polarArea
Chart Title
Dataset Name
Labels (comma separated)
Values (comma separated)
Copy
Download
Chart.js Config
Chart.js Code Snippet
// Chart.js configuration const ctx = document.getElementById('myChart').getContext('2d'); const myChart = new Chart(ctx, );
D3.js Data Format
// D3.js data format const data = [ { "label": "Jan", "value": 10 }, { "label": "Feb", "value": 20 }, { "label": "Mar", "value": 15 }, { "label": "Apr", "value": 25 }, { "label": "May", "value": 30 } ];