Chart Data Builder

Build chart configurations for popular libraries

Chart Type

Chart Title

Dataset Name

Labels (comma separated)

Values (comma separated)

Chart.js ConfigChart.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
  }
];