D3.js implementation of basic chart.js graphs

Bar chart

    data: {
      labels: ["Niger", "Cameroon", "Georgia", "Spain",  "United States","Singapore", "Qatar"],
      datasets: [{
        label: 'GDP Per Capita in $  (2015)',
        data: [1080, 3144, 9630, 34819, 55805, 85253, 132099],
        backgroundColor: [
          "#FF6384",
          "#36A2EB",
          "#FFCE56",
          "#AA6384",
          "#2CA21B",
          "#678E86",
          "#FFAE86"
        ]
      }]
D3.js
Documentation
Chart.js
Documentation Source

Line chart

    data: {
      labels: ["Niger", "Cameroon", "Georgia", "Spain",  "United States", "Singapore","Qatar"],
      datasets: [{
        label: 'GDP Per Capita in $  (2015)',
        data: [1080, 3144, 9630, 34819, 55805, 85253, 132099]
      }]
D3.js
Documentation
Chart.js
Documentation Source

Pie chart

    data: {
      labels: ["Niger", "Cameroon", "Georgia", "Spain",  "United States","Singapore", "Qatar"],
      datasets: [{
        label: 'GDP Per Capita in $  (2015)',
        data: [1080, 3144, 9630, 34819, 55805, 85253, 132099],
        backgroundColor: [
          "#FF6384",
          "#36A2EB",
          "#FFCE56",
          "#AA6384",
          "#2CA21B",
          "#678E86",
          "#FFAE86"
        ]
      }]
Chart.js
Documentation Source
D3.js
Documentation

Doughnut chart

    data: {
      labels: ["Niger", "Cameroon", "Georgia", "Spain", "United States","Singapore",  "Qatar"],
      datasets: [{
        label: 'GDP Per Capita in $  (2015)',
        data: [1080, 3144, 9630, 34819, 55805, 85253, 132099],
        backgroundColor: [
          "#FF6384",
          "#36A2EB",
          "#FFCE56",
          "#AA6384",
          "#2CA21B",
          "#678E86",
          "#FFAE86"
        ]
      }]
Chart.js
Documentation Source
D3.js
Documentation

Polar chart

    data: {
      labels: ["Niger", "Cameroon", "Georgia", "Spain","United States", "Singapore",  "Qatar"],
      datasets: [{
        label: 'GDP Per Capita in $  (2015)',
        data: [1080, 3144, 9630, 34819, 55805, 85253, 132099],
        backgroundColor: [
          "#FF6384",
          "#36A2EB",
          "#FFCE56",
          "#AA6384",
          "#2CA21B",
          "#678E86",
          "#FFAE86"
        ]
      }]
Chart.js
Documentation Source
D3.js
Documentation

Radar chart

    data: {
      labels: ["Niger", "Cameroon", "Georgia", "Spain","United States", "Singapore",  "Qatar"],
      datasets: [{
        label: 'GDP Per Capita in $  (2015)',
        data: [1080, 3144, 9630, 34819, 55805, 85253, 132099],
      }]
Chart.js
Documentation Source
D3.js
Documentation