Pie Chart

Basic Cost Of Netfilx

; const render = (data) => { const pieData = d3.pie() .sort(null) .value((d) => d.basic_cost)(data); const colors = d3.scaleOrdinal(d3.schemeCategory10); const segments = d3.arc() .innerRadius(0) .outerRadius(200) .padAngle(0) .padRadius(0); const sections = svg .append('g') .attr('transform', `translate(250,250)`) .selectAll('path') .data(pieData); sections .enter() .append('path') .attr('d', segments) .attr('fill', (d) => colors(d.data.basic_cost)) .on('mouseover', (d) => console.log(d.data.basic_cost)); //piechart is created const legends = svg .append('g') .attr('transform', 'translate(500,100)') .selectAll('.legends') .data(pieData); const legend = legends .enter() .append('g') .classed('.legends', true) .attr('transform', (d, i) => { return `translate(0,${(i + 1) * 30})`; }); // list of each country as labels and its styles legend .append('rect') .attr('width', 22) .attr('height', 25) .attr('fill', (d) => colors(d.data.basic_cost)); legend .append('text') .attr('x', 28) .attr('y', 18) .attr('class', 'legend_text') .text((d) => d.data.country); legend .append('text') .attr('x', 260) .attr('y', 20) .attr('class', 'legend_value') .text((d) => numberFormat(d.data.basic_cost)); }; // url of my data giest const csvUrl = 'https://raw.githubusercontent.com/nawindodda/Assignment-2/main/netflix.csv'; //Load the data and display basic cost of netflix d3.csv(csvUrl).then((csvData) => { csvData.sort( (data1, data2) => data2.basic_cost - data1.basic_cost, ); if (csvData) { render(csvData.slice(0, 10)); } }); }(d3)); //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHNlbGVjdCxcbiAgY3N2LFxuICBwaWUsXG4gIGFyYyxcbiAgc2NhbGVPcmRpbmFsLFxuICBzY2hlbWVDYXRlZ29yeTEwLFxufSBmcm9tICdkMyc7XG5cbmNvbnN0IHN2ZyA9IHNlbGVjdCgnc3ZnJyk7XG5jb25zdCB3aWR0aCA9ICtzdmcuYXR0cignd2lkdGgnKTtcbmNvbnN0IGhlaWdodCA9ICtzdmcuYXR0cignaGVpZ2h0Jyk7XG5cbi8vIGRvbGxvcnNcbmNvbnN0IG51bWJlckZvcm1hdCA9IChudW1iZXIpID0+XG4gIE1hdGguYWJzKE51bWJlcihudW1iZXIpKSArICcgJCc7XG5cbmNvbnN0IHJlbmRlciA9IChkYXRhKSA9PiB7XG4gIGNvbnN0IHBpZURhdGEgPSBwaWUoKVxuICAgIC5zb3J0KG51bGwpXG4gICAgLnZhbHVlKChkKSA9PiBkLmJhc2ljX2Nvc3QpKGRhdGEpO1xuICBjb25zdCBjb2xvcnMgPSBzY2FsZU9yZGluYWwoc2NoZW1lQ2F0ZWdvcnkxMCk7XG4gIGNvbnN0IHNlZ21lbnRzID0gYXJjKClcbiAgICAuaW5uZXJSYWRpdXMoMClcbiAgICAub3V0ZXJSYWRpdXMoMjAwKVxuICAgIC5wYWRBbmdsZSgwKVxuICAgIC5wYWRSYWRpdXMoMCk7XG5cbiAgY29uc3Qgc2VjdGlvbnMgPSBzdmdcbiAgICAuYXBwZW5kKCdnJylcbiAgICAuYXR0cigndHJhbnNmb3JtJywgYHRyYW5zbGF0ZSgyNTAsMjUwKWApXG4gICAgLnNlbGVjdEFsbCgncGF0aCcpXG4gICAgLmRhdGEocGllRGF0YSk7XG4gIHNlY3Rpb25zXG4gICAgLmVudGVyKClcbiAgICAuYXBwZW5kKCdwYXRoJylcbiAgICAuYXR0cignZCcsIHNlZ21lbnRzKVxuICAgIC5hdHRyKCdmaWxsJywgKGQpID0+IGNvbG9ycyhkLmRhdGEuYmFzaWNfY29zdCkpXG4gICAgLm9uKCdtb3VzZW92ZXInLCAoZCkgPT4gY29uc29sZS5sb2coZC5kYXRhLmJhc2ljX2Nvc3QpKTtcbiAgLy9waWVjaGFydCBpcyBjcmVhdGVkXG4gIGNvbnN0IGxlZ2VuZHMgPSBzdmdcbiAgICAuYXBwZW5kKCdnJylcbiAgICAuYXR0cigndHJhbnNmb3JtJywgJ3RyYW5zbGF0ZSg1MDAsMTAwKScpXG4gICAgLnNlbGVjdEFsbCgnLmxlZ2VuZHMnKVxuICAgIC5kYXRhKHBpZURhdGEpO1xuICBjb25zdCBsZWdlbmQgPSBsZWdlbmRzXG4gICAgLmVudGVyKClcbiAgICAuYXBwZW5kKCdnJylcbiAgICAuY2xhc3NlZCgnLmxlZ2VuZHMnLCB0cnVlKVxuICAgIC5hdHRyKCd0cmFuc2Zvcm0nLCAoZCwgaSkgPT4ge1xuICAgICAgcmV0dXJuIGB0cmFuc2xhdGUoMCwkeyhpICsgMSkgKiAzMH0pYDtcbiAgICB9KTtcblxuICAvLyBsaXN0IG9mIGVhY2ggY291bnRyeSBhcyBsYWJlbHMgYW5kIGl0cyBzdHlsZXNcblxuICBsZWdlbmRcbiAgICAuYXBwZW5kKCdyZWN0JylcbiAgICAuYXR0cignd2lkdGgnLCAyMilcbiAgICAuYXR0cignaGVpZ2h0JywgMjUpXG4gICAgLmF0dHIoJ2ZpbGwnLCAoZCkgPT4gY29sb3JzKGQuZGF0YS5iYXNpY19jb3N0KSk7XG4gIGxlZ2VuZFxuICAgIC5hcHBlbmQoJ3RleHQnKVxuICAgIC5hdHRyKCd4JywgMjgpXG4gICAgLmF0dHIoJ3knLCAxOClcbiAgICAuYXR0cignY2xhc3MnLCAnbGVnZW5kX3RleHQnKVxuICAgIC50ZXh0KChkKSA9PiBkLmRhdGEuY291bnRyeSk7XG4gIGxlZ2VuZFxuICAgIC5hcHBlbmQoJ3RleHQnKVxuICAgIC5hdHRyKCd4JywgMjYwKVxuICAgIC5hdHRyKCd5JywgMjApXG4gICAgLmF0dHIoJ2NsYXNzJywgJ2xlZ2VuZF92YWx1ZScpXG4gICAgLnRleHQoKGQpID0+IG51bWJlckZvcm1hdChkLmRhdGEuYmFzaWNfY29zdCkpO1xufTtcblxuLy8gdXJsIG9mIG15IGRhdGEgZ2llc3RcblxuY29uc3QgY3N2VXJsID1cbiAgJ2h0dHBzOi8vcmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbS9uYXdpbmRvZGRhL0Fzc2lnbm1lbnQtMi9tYWluL25ldGZsaXguY3N2JztcblxuLy9Mb2FkIHRoZSBkYXRhIGFuZCBkaXNwbGF5IGJhc2ljIGNvc3Qgb2YgbmV0ZmxpeFxuY3N2KGNzdlVybCkudGhlbigoY3N2RGF0YSkgPT4ge1xuICBjc3ZEYXRhLnNvcnQoXG4gICAgKGRhdGExLCBkYXRhMikgPT4gZGF0YTIuYmFzaWNfY29zdCAtIGRhdGExLmJhc2ljX2Nvc3QsXG4gICk7XG4gIGlmIChjc3ZEYXRhKSB7XG4gICAgcmVuZGVyKGNzdkRhdGEuc2xpY2UoMCwgMTApKTtcbiAgfVxufSk7XG4iXSwibmFtZXMiOlsic2VsZWN0IiwicGllIiwic2NhbGVPcmRpbmFsIiwic2NoZW1lQ2F0ZWdvcnkxMCIsImFyYyIsImNzdiJdLCJtYXBwaW5ncyI6Ijs7O0VBU0EsTUFBTSxHQUFHLEdBQUdBLFNBQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztFQUMxQixNQUFNLEtBQUssR0FBRyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7RUFDakMsTUFBTSxNQUFNLEdBQUcsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0FBQ25DO0VBQ0E7RUFDQSxNQUFNLFlBQVksR0FBRyxDQUFDLE1BQU07RUFDNUIsRUFBRSxJQUFJLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQztBQUNsQztFQUNBLE1BQU0sTUFBTSxHQUFHLENBQUMsSUFBSSxLQUFLO0VBQ3pCLEVBQUUsTUFBTSxPQUFPLEdBQUdDLE1BQUcsRUFBRTtFQUN2QixLQUFLLElBQUksQ0FBQyxJQUFJLENBQUM7RUFDZixLQUFLLEtBQUssQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUM7RUFD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

Pie_chart_Question1

nawindodda