taux_chomage_trimestriel

Taux de chomage localisés

Source : Taux de chômage trimestriels localisés, Insee

Choisir un département :

viewof dep_dinteret = Inputs.select(choix_departements,
  {label: "",
  value: "",
  multiple: false
  }
)

dep_dinteret_leg = dep_dinteret === "" ? "" : "-•-•- " + dep_dinteret;

Choisir un département de comparaison :

viewof dep_dinteret2 = Inputs.select(choix_departements,
  {label: "",
  value: "",
  multiple: false
  }
)

dep_dinteret2_leg = dep_dinteret2 === "" ? "" : "-•-•- " + dep_dinteret2;

tableau_principal_filtre = transpose(tableau_principal_dep).filter(function(x) {
  return dep_dinteret==x.Zone_geographique || dep_dinteret2==x.Zone_geographique || x.Zone_geographique=='Occitanie' || x.Zone_geographique=='France métropolitaine';
})

Inputs.table(tableau_principal_filtre,
  {columns:["Zone_geographique","Trim_T_1", "Trim_T","evol_trim","evol_an"],
  header: {
    Zone_geographique: "",
    Trim_T_1: trim_T_1,
    Trim_T: trim_T,
    evol_trim: html`<span class="colonne">Évolution trimestrielle</span>`,
    evol_an: html`<span class="colonne">Évolution annuelle</span>`
  },
  locale: "fr",
  align: {
    Trim_T: "center",
    Trim_T_1: "center",
    evol_trim: "center",
    evol_an: "center"
  },
  
})

graph_principal_filtre = transpose(tableau_graph_dep).filter(function(x) {
  return dep_dinteret==x.Zone_geographique;
})

graph_principal_filtre_dep2 = transpose(tableau_graph_dep).filter(function(x) {
  return dep_dinteret2==x.Zone_geographique;
})

graph_principal_filtre_reg = transpose(tableau_graph_dep).filter(function(x) {
  return x.Zone_geographique=="Occitanie";
})

graph_principal_filtre_fm = transpose(tableau_graph_dep).filter(function(x) {
  return x.Zone_geographique=="France métropolitaine";
})

Évolution du taux de chômage trimestriel depuis le T1 2008

max = transpose(tableau_graph_dep)

Plot.plot({
  x: {label: "",
      type:"utc",
      tickFormat: d3.utcFormat("%Y")},
  y: {label: "",
  domain : [0, Math.max(...max.map(d => d.taux_chomage))]},
  marks: [
    Plot.line(graph_principal_filtre,
      {x: "Date", 
      y: "taux_chomage",
      sort: "Date",
      stroke: "#33FF80",
      }),
    Plot.line(graph_principal_filtre_dep2,
      {x: "Date", 
      y: "taux_chomage",
      sort: "Date",
      stroke: "#712A6D"
    }),
    Plot.line(graph_principal_filtre_reg,
      {x: "Date", 
      y: "taux_chomage",
      sort: "Date",
      stroke: "#FF5833"
    }),
    Plot.line(graph_principal_filtre_fm,
      {x: "Date", 
      y: "taux_chomage",
      sort: "Date",
      stroke: "#3342FF"
    }),
    Plot.dot(graph_principal_filtre, 
      {x: "Date",
      y: "taux_chomage",
      fill: "#33FF80",
      title: (d) => `${d.info_bulle}`,
      r: 2
      }),
    Plot.dot(graph_principal_filtre_dep2, 
      {x: "Date",
      y: "taux_chomage",
      fill: "#712A6D",
      title: (d) => `${d.info_bulle}`,
      r: 2
      }),
    Plot.dot(graph_principal_filtre_reg, 
      {x: "Date",
      y: "taux_chomage",
      fill: "#FF5833",
      title: (d) => `${d.info_bulle}`,
      r: 2
      }),
    Plot.dot(graph_principal_filtre_fm, 
      {x: "Date",
      y: "taux_chomage",
      fill: "#3342FF",
      title: (d) => `${d.info_bulle}`,
      r: 2}),
   ],
})

-•-•- Occitanie -•-•- France métropolitaine

Choisir une zone d’emploi :

viewof choix_ze1 = Inputs.select(choix_ze,
  {label: "",
  value: "",
  multiple: false
  }
)

choix_ze1_leg = choix_ze1 === "" ? "" : "-•-•- " + choix_ze1;

Choisir une zone de comparaison 1 :

viewof choix_geo1 = Inputs.select(choix_geo,
  {label: "",
  value: "",
  multiple: false
  }
)

choix_geo1_leg = choix_geo1 === "" ? "" : "-•-•- " + choix_geo1;

Choisir une zone de comparaison 2 :

viewof choix_geo2 = Inputs.select(choix_geo,
  {label: "",
  value: "",
  multiple: false
  }
)

choix_geo2_leg = choix_geo2 === "" ? "" : "-•-•- " + choix_geo2;

Choisir une zone de comparaison 3 :

viewof choix_geo3 = Inputs.select(choix_geo,
  {label: "",
  value: "",
  multiple: false
  }
)

choix_geo3_leg = choix_geo3 === "" ? "" : "-•-•- " + choix_geo3;

tableau_principal_filtre_ze = transpose(tableau_ze_final).filter(function(x) {
  return choix_ze1 == x.Zone_geographique || choix_geo1 == x.Zone_geographique || choix_geo2 == x.Zone_geographique || choix_geo3 == x.Zone_geographique;
})

Inputs.table(tableau_principal_filtre_ze,
  {columns:["Zone_geographique","Trim_T_1", "Trim_T","evol_trim","evol_an"],
  header: {
    Zone_geographique: "",
    Trim_T_1: trim_T_1,
    Trim_T: trim_T,
    evol_trim: html`<span class="colonne">Évolution trimestrielle</span>`,
    evol_an: html`<span class="colonne">Évolution annuelle</span>`
  },
  locale: "fr",
  align: {
    Trim_T: "center",
    Trim_T_1: "center",
    evol_trim: "center",
    evol_an: "center"
  },
  })

Évolution du taux de chômage trimestriel depuis le T1 2008

graph_principal_ze = transpose(tableau_graph_ze_tot).filter(function(x) {
  return choix_ze1==x.Zone_geographique;
})

graph_principal_geo1 = transpose(tableau_graph_ze_tot).filter(function(x) {
  return choix_geo1==x.Zone_geographique;
})

graph_principal_geo2 = transpose(tableau_graph_ze_tot).filter(function(x) {
  return choix_geo2==x.Zone_geographique;
})

graph_principal_geo3 = transpose(tableau_graph_ze_tot).filter(function(x) {
  return choix_geo3==x.Zone_geographique;
})

max2 = transpose(tableau_graph_ze_tot)

Plot.plot({
  x: {label: "",
      type:"utc",
      tickFormat: d3.utcFormat("%Y")},
  y: {label: "",
  domain : [0, Math.max(...max2.map(d => d.taux_chomage))]},
  marks: [
   Plot.line(graph_principal_ze,
      {x: "Date", 
      y: "taux_chomage",
      sort: "Date",
      stroke: "#33FF80"
    }),
    Plot.line(graph_principal_geo1,
      {x: "Date", 
      y: "taux_chomage",
      sort: "Date",
      stroke: "#712A6D"
    }),
    Plot.line(graph_principal_geo2,
      {x: "Date", 
      y: "taux_chomage",
      sort: "Date",
      stroke: "#FF5833"
    }),
    Plot.line(graph_principal_geo3,
      {x: "Date", 
      y: "taux_chomage",
      sort: "Date",
      stroke: "#3342FF"
    }),
    Plot.dot(graph_principal_ze, 
      {x: "Date",
      y: "taux_chomage",
      fill: "#33FF80",
      title: (d) => `${d.info_bulle}`,
      r: 2
      }),
    Plot.dot(graph_principal_geo1, 
      {x: "Date",
      y: "taux_chomage",
      fill: "#712A6D",
      title: (d) => `${d.info_bulle}`,
      r: 2}),
    Plot.dot(graph_principal_geo2, 
      {x: "Date",
      y: "taux_chomage",
      fill: "#FF5833",
      title: (d) => `${d.info_bulle}`,
      r: 2}),
    Plot.dot(graph_principal_geo3, 
      {x: "Date",
      y: "taux_chomage",
      fill: "#3342FF",
      title: (d) => `${d.info_bulle}`,
      r: 2}),
   ],
})