D3.js implementation of basic chart.js graphs

Pie chart (In Progress)

                        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

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

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