Pie Charts

<!DOCTYPE html>
<html>
<head>
    <title>Organization Chart | Par NGLESSON</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="keyword" content="Partager sur les réseaux sociaux">
	<meta name="author" content="Mezgani said">
	<meta name="copyright" content="NGLESSON">
	<meta name="robots" content="index,follow">
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" type="text/css">
	<link rel="stylesheet" href="style.css" type="text/css">    
</head>
<body class="container">
<div class="row">
	<div class="col-lg-12">
		<div id="piechart" class="piechart"></div>
	</div>		
</div>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript" src="script.js"></script>
</body>
</html>
.piechart{
    width: 400px;
    height: 400px;
}
google.charts.load("current", {packages:["corechart"]});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
  var data = google.visualization.arrayToDataTable([
    ['Language', 'Speakers (in millions)'],
    ['Mobile',  3.85],
    ['Tablette',  2.66],
    ['Ipad', 0.316],
    ['Desktop', 1.0791]
]);
var options = {
  legend: 'none',
  pieSliceText: 'label',
  title: 'Machine',
  pieStartAngle: 100,
};

var chart = new google.visualization.PieChart(document.getElementById('piechart'));
  chart.draw(data, options);
}
Affichage des images aléatoire avec js

Affichage des images aléatoire avec js

Buttons Styles Inspirations

Buttons Styles Inspirations

Compteur avec b4

Compteur avec b4

Créer une input search animée

Créer une input search animée

Form login et créer un compte style01

Form login et créer un compte style01

Image hover 06

Image hover 06

Loading style book loader

Loading style book loader

Page construction avec compte à rebours style01

Page construction avec compte à rebours style01

Pure CSS Percentage Circle

Pure CSS Percentage Circle

SwiperJS Lazy Load Images

SwiperJS Lazy Load Images

Table Responsive with css 01

Table Responsive with css 01

Vers le haut

Vers le haut