JS 3D Chart with Google API
Source: http://www.kodingmadesimple.com/2014/11/create-3d-pie-charts-with-javascript-google-charts-api.html
HTML
<html>
<head>
<title>Create 3D Pie Charts with JavaSript and Google Charts API</title>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawPieChart);
function drawPieChart() {
var data = google.visualization.arrayToDataTable([
['Platform','Reach'],
['Facebook',13],
['Twitter',8],
['Google Plus',10],
['Linkedin',7],
['Tumblr',4],
['Pinterest',5]
]);
var options = {
title: 'Social Media Engagement',
width: 900,
height: 500,
colors: ['#4060A5', '1EC7FE', '#e64522', '#0097BD', '#3a5876', '#cb2027'],
is3D: true
};
var chart = new google.visualization.PieChart(document.getElementById('piechart'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="piechart"></div>
</body>
</html>
CSS
svg > g > g:last-child { pointer-events: none }