<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Mini lab 01 : Camembert</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<style type="text/css">
</style>
</head>
<body>
<script type="text/javascript" src="../d3.v4.min.js"></script>
<script type="text/javascript">
//===========================================================================//
// Question 1 : Mettre dans une variable un tableau d’entier (les donnees) //
// : Mettre dans une variable un tableau de couleurs (CSS) //
//===========================================================================//
//let data ,
// color
//===========================================================================//
// Question 2 : Créer une balise SVG (puis la stocker dans une variable) //
// : Créer une balise g (puis la stocker dans une variable) //
//===========================================================================//
//let svg
//let g
//===========================================================================//
// Question 3 : Créer un objet d3.pie, puis la stocker //
// : Comparer le tableau de données crée dans la question 1, avec //
// l'objet pie ==> variable_pie([variable_données])) //
//===========================================================================//
//let pie
//===========================================================================//
// Question 4 : Créer un objet d3.arc, puis la stocker //
// : Fixer les options innerRadius et outerRadius (voir plus) //
// (Pour tester cette fonction, décommentez le code de la question 5) //
//===========================================================================//
//let arc
//===========================================================================//
// Question 5 : Modifier le design du camembert //
// https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Fills_and_Strokes //
//===========================================================================//
//let path = g.selectAll('path')
// .data(pie(data))
// .enter()
// .append('path')
// .attr('d', arc)
// .attr('fill', function(d, i) {
// return color[i];
// });
</script>
</body>
</html>