Voir la page Web du cours pour retrouver l'ensemble des supports.
dataset = [
{
"ville": "Paris",
"mois": new Date(2024, 0, 1),
"produit": "Produit A",
"ventes": 120,
"revenu": 2400,
"satisfaction_client": 85
},
{
"ville": "Paris",
"mois": new Date(2024, 1, 1),
"produit": "Produit A",
"ventes": 135,
"revenu": 2700,
"satisfaction_client": 88
},
{
"ville": "Paris",
"mois": new Date(2024, 2, 1),
"produit": "Produit A",
"ventes": 110,
"revenu": 2200,
"satisfaction_client": 84
},
{
"ville": "Paris",
"mois": new Date(2024, 3, 1),
"produit": "Produit A",
"ventes": 150,
"revenu": 3000,
"satisfaction_client": 89
},
{
"ville": "Paris",
"mois": new Date(2024, 4, 1),
"produit": "Produit A",
"ventes": 140,
"revenu": 2800,
"satisfaction_client": 87
},
{
"ville": "Paris",
"mois": new Date(2024, 5, 1),
"produit": "Produit A",
"ventes": 130,
"revenu": 2600,
"satisfaction_client": 85
},
{
"ville": "Lyon",
"mois": new Date(2024, 0, 1),
"produit": "Produit A",
"ventes": 80,
"revenu": 1600,
"satisfaction_client": 82
},
{
"ville": "Lyon",
"mois": new Date(2024, 1, 1),
"produit": "Produit A",
"ventes": 95,
"revenu": 1900,
"satisfaction_client": 87
},
{
"ville": "Lyon",
"mois": new Date(2024, 2, 1),
"produit": "Produit A",
"ventes": 100,
"revenu": 2000,
"satisfaction_client": 85
},
{
"ville": "Lyon",
"mois": new Date(2024, 3, 1),
"produit": "Produit A",
"ventes": 110,
"revenu": 2200,
"satisfaction_client": 88
},
{
"ville": "Lyon",
"mois": new Date(2024, 4, 1),
"produit": "Produit A",
"ventes": 105,
"revenu": 2100,
"satisfaction_client": 86
},
{
"ville": "Lyon",
"mois": new Date(2024, 5, 1),
"produit": "Produit A",
"ventes": 115,
"revenu": 2300,
"satisfaction_client": 89
},
{
"ville": "Marseille",
"mois": new Date(2024, 0, 1),
"produit": "Produit A",
"ventes": 150,
"revenu": 3000,
"satisfaction_client": 87
},
{
"ville": "Marseille",
"mois": new Date(2024, 1, 1),
"produit": "Produit A",
"ventes": 165,
"revenu": 3300,
"satisfaction_client": 91
},
{
"ville": "Marseille",
"mois": new Date(2024, 2, 1),
"produit": "Produit A",
"ventes": 155,
"revenu": 3100,
"satisfaction_client": 89
},
{
"ville": "Marseille",
"mois": new Date(2024, 3, 1),
"produit": "Produit A",
"ventes": 170,
"revenu": 3400,
"satisfaction_client": 92
},
{
"ville": "Marseille",
"mois": new Date(2024, 4, 1),
"produit": "Produit A",
"ventes": 160,
"revenu": 3200,
"satisfaction_client": 90
},
{
"ville": "Marseille",
"mois": new Date(2024, 5, 1),
"produit": "Produit A",
"ventes": 155,
"revenu": 3100,
"satisfaction_client": 88
},
{
"ville": "Paris",
"mois": new Date(2024, 0, 1),
"produit": "Produit B",
"ventes": 130,
"revenu": 2600,
"satisfaction_client": 84
},
{
"ville": "Paris",
"mois": new Date(2024, 1, 1),
"produit": "Produit B",
"ventes": 145,
"revenu": 2900,
"satisfaction_client": 89
},
{
"ville": "Paris",
"mois": new Date(2024, 2, 1),
"produit": "Produit B",
"ventes": 120,
"revenu": 2400,
"satisfaction_client": 83
},
{
"ville": "Paris",
"mois": new Date(2024, 3, 1),
"produit": "Produit B",
"ventes": 160,
"revenu": 3200,
"satisfaction_client": 91
},
{
"ville": "Paris",
"mois": new Date(2024, 4, 1),
"produit": "Produit B",
"ventes": 150,
"revenu": 3000,
"satisfaction_client": 87
},
{
"ville": "Paris",
"mois": new Date(2024, 5, 1),
"produit": "Produit B",
"ventes": 140,
"revenu": 2800,
"satisfaction_client": 85
},
{
"ville": "Lyon",
"mois": new Date(2024, 0, 1),
"produit": "Produit B",
"ventes": 100,
"revenu": 2000,
"satisfaction_client": 86
},
{
"ville": "Lyon",
"mois": new Date(2024, 1, 1),
"produit": "Produit B",
"ventes": 115,
"revenu": 2300,
"satisfaction_client": 88
},
{
"ville": "Lyon",
"mois": new Date(2024, 2, 1),
"produit": "Produit B",
"ventes": 110,
"revenu": 2200,
"satisfaction_client": 85
},
{
"ville": "Lyon",
"mois": new Date(2024, 3, 1),
"produit": "Produit B",
"ventes": 130,
"revenu": 2600,
"satisfaction_client": 89
},
{
"ville": "Lyon",
"mois": new Date(2024, 4, 1),
"produit": "Produit B",
"ventes": 125,
"revenu": 2500,
"satisfaction_client": 87
},
{
"ville": "Lyon",
"mois": new Date(2024, 5, 1),
"produit": "Produit B",
"ventes": 135,
"revenu": 2700,
"satisfaction_client": 90
},
{
"ville": "Marseille",
"mois": new Date(2024, 0, 1),
"produit": "Produit B",
"ventes": 140,
"revenu": 2800,
"satisfaction_client": 83
},
{
"ville": "Marseille",
"mois": new Date(2024, 1, 1),
"produit": "Produit B",
"ventes": 155,
"revenu": 3100,
"satisfaction_client": 90
},
{
"ville": "Marseille",
"mois": new Date(2024, 2, 1),
"produit": "Produit B",
"ventes": 145,
"revenu": 2900,
"satisfaction_client": 88
},
{
"ville": "Marseille",
"mois": new Date(2024, 3, 1),
"produit": "Produit B",
"ventes": 165,
"revenu": 3300,
"satisfaction_client": 91
},
{
"ville": "Marseille",
"mois": new Date(2024, 4, 1),
"produit": "Produit B",
"ventes": 160,
"revenu": 3200,
"satisfaction_client": 89
},
{
"ville": "Marseille",
"mois": new Date(2024, 5, 1),
"produit": "Produit B",
"ventes": 155,
"revenu": 3100,
"satisfaction_client": 88
}
]
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
