Taux de chomage localisés

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

Département

Choisir un département :

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

choix_dep_leg = choix_dep === "" ? "" : "-•-•- " + choix_dep;

Choisir une zone géographique de comparaison 1 :

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

choix_geo_dep1_leg = choix_geo_dep1 === "" ? "" : "-•-•- " + choix_geo_dep1;

Choisir une zone géographique de comparaison 2 :

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

choix_geo_dep2_leg = choix_geo_dep2 === "" ? "" : "-•-•- " + choix_geo_dep2;

Choisir une zone géographique de comparaison 3 :

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

choix_geo_dep3_leg = choix_geo_dep3 === "" ? "" : "-•-•- " + choix_geo_dep3;

tableau_principal_filtre_dep = transpose(tableau_principal_dep).filter(function(x) {
  return choix_dep == x.Zone_geographique || choix_geo_dep1 == x.Zone_geographique || choix_geo_dep2 == x.Zone_geographique || choix_geo_dep3 == x.Zone_geographique;
})

Inputs.table(tableau_principal_filtre_dep,
  {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_dep = transpose(tableau_graph_ze_tot).filter(function(x) {
  return choix_dep==x.Zone_geographique;
})

graph_principal_geo_dep1 = transpose(tableau_graph_dep).filter(function(x) {
  return choix_geo_dep1==x.Zone_geographique;
})

graph_principal_geo_dep2 = transpose(tableau_graph_dep).filter(function(x) {
  return choix_geo_dep2==x.Zone_geographique;
})

graph_principal_geo_dep3 = transpose(tableau_graph_dep).filter(function(x) {
  return choix_geo_dep3==x.Zone_geographique;
})

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_dep,
      {x: "Date", 
      y: "taux_chomage",
      sort: "Date",
      stroke: "#33FF80"
    }),
    Plot.line(graph_principal_geo_dep1,
      {x: "Date", 
      y: "taux_chomage",
      sort: "Date",
      stroke: "#712A6D"
    }),
    Plot.line(graph_principal_geo_dep2,
      {x: "Date", 
      y: "taux_chomage",
      sort: "Date",
      stroke: "#FF5833"
    }),
    Plot.line(graph_principal_geo_dep3,
      {x: "Date", 
      y: "taux_chomage",
      sort: "Date",
      stroke: "#3342FF"
    }),
    Plot.dot(graph_principal_dep, 
      {x: "Date",
      y: "taux_chomage",
      fill: "#33FF80",
      title: (d) => `${d.info_bulle}`,
      r: 2
      }),
    Plot.dot(graph_principal_geo_dep1, 
      {x: "Date",
      y: "taux_chomage",
      fill: "#712A6D",
      title: (d) => `${d.info_bulle}`,
      r: 2}),
    Plot.dot(graph_principal_geo_dep2, 
      {x: "Date",
      y: "taux_chomage",
      fill: "#FF5833",
      title: (d) => `${d.info_bulle}`,
      r: 2}),
    Plot.dot(graph_principal_geo_dep3, 
      {x: "Date",
      y: "taux_chomage",
      fill: "#3342FF",
      title: (d) => `${d.info_bulle}`,
      r: 2}),
   ],
})

Zone d’emploi

Choisir une zone d’emploi :

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

choix_ze_principal_leg = choix_ze_principal === "" ? "" : "-•-•- " + choix_ze_principal;

Choisir une zone géographique de comparaison 1 :

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

choix_geo_ze1_leg = choix_geo_ze1 === "" ? "" : "-•-•- " + choix_geo_ze1;

Choisir une zone géographique de comparaison 2 :

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

choix_geo_ze2_leg = choix_geo_ze2 === "" ? "" : "-•-•- " + choix_geo_ze2;

Choisir une zone géographique de comparaison 3 :

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

choix_geo_ze3_leg = choix_geo_ze3 === "" ? "" : "-•-•- " + choix_geo_ze3;

tableau_principal_filtre_ze = transpose(tableau_ze_final).filter(function(x) {
  return choix_ze_principal == x.Zone_geographique || choix_geo_ze1 == x.Zone_geographique || choix_geo_ze2 == x.Zone_geographique || choix_geo_ze3 == 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_ze_principal==x.Zone_geographique;
})

graph_principal_geo_ze1 = transpose(tableau_graph_ze_tot).filter(function(x) {
  return choix_geo_ze1==x.Zone_geographique;
})

graph_principal_geo_ze2 = transpose(tableau_graph_ze_tot).filter(function(x) {
  return choix_geo_ze2==x.Zone_geographique;
})

graph_principal_geo_ze3 = transpose(tableau_graph_ze_tot).filter(function(x) {
  return choix_geo_ze3==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_geo_ze1,
      {x: "Date", 
      y: "taux_chomage",
      sort: "Date",
      stroke: "#712A6D"
    }),
    Plot.line(graph_principal_geo_ze2,
      {x: "Date", 
      y: "taux_chomage",
      sort: "Date",
      stroke: "#FF5833"
    }),
    Plot.line(graph_principal_geo_ze3,
      {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_geo_ze1, 
      {x: "Date",
      y: "taux_chomage",
      fill: "#712A6D",
      title: (d) => `${d.info_bulle}`,
      r: 2}),
    Plot.dot(graph_principal_geo_ze2, 
      {x: "Date",
      y: "taux_chomage",
      fill: "#FF5833",
      title: (d) => `${d.info_bulle}`,
      r: 2}),
    Plot.dot(graph_principal_geo_ze3, 
      {x: "Date",
      y: "taux_chomage",
      fill: "#3342FF",
      title: (d) => `${d.info_bulle}`,
      r: 2}),
   ],
})