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);
}
Carousel Bootstrap3

Carousel Bootstrap3

Changer le style du scroll bar in html

Changer le style du scroll bar in html

Créer des tds dynamiquement dans une table html

Créer des tds dynamiquement dans une table html

Double Scrollbar with Plugin Jquery in table

Double Scrollbar with Plugin Jquery in table

Form login 02

Form login 02

Form login with background image changed style01

Form login with background image changed style01

Image hover 04

Image hover 04

Loading Style snake

Loading Style snake

Manual Slideshow

Manual Slideshow

Pure CSS Percentage Circle

Pure CSS Percentage Circle

Simple Table With UIKIT

Simple Table With UIKIT

Social Media Icons

Social Media Icons