Domaine de l’éducation ISDEC

Benjamin Abel

28 septembre 2023

Cette page vous permet de sélectionner une matière parmi les 1279 codes de la classification.

viewof search = Inputs.search(table, {placeholder:"math, biology...", value:"math"}, )

Inputs.table(search.sort((a,b)=> b.code.length >a.code.length))

1,279 results

search = Array(1279) [Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, …]

	code	label	parent
	0	ISDEC Codes
	00	Generic programmes and qualifications	0
	000	Generic programmes and qualifications not further defined	00
	0000	Generic programmes and qualifications not further defined	000
	001	Basic programmes and qualifications	00
	0011	Basic programmes and qualifications	001
	001100	Basic programmes and qualifications	0011
	001101	Broad generic (non-specialised) programmes and qualifications	0011
	001102	General programmes and qualifications with no specific subject emphasis	0011
	001103	Programmes and qualifications at primary level	0011
	002	Literacy and numeracy	00
	0021	Literacy and numerac	002
	002100	Basic remedial programmes for youth or adults	0021
	002101	Functional literacy	0021
	002102	Literacy	0021
	002103	Numeracy	0021
	002104	Simple literacy	0021
	003	Personal skills and development	00
	0031	Personal skills and development	003
	003100	Argumentation and presentation	0031
	003101	Assertiveness training	0031
	003102	Communication skills	0031
	003103	Co-operation	0031

chart = {
  const width = 928;
  
  // Compute the tree height; this approach will allow the height of the
  // SVG to scale according to the breadth (width) of the tree layout.
  const root = d3.stratify()
    .id(function(d) { return d.code; })
    .parentId(function(d) { return d.parent; })
    (table);
    
  //d3.hierarchy(data);
  const dx = 10;
  const dy = width / (root.height + 1);

  // Create a tree layout.
  const tree = d3.cluster().nodeSize([dx, dy]);

  // Sort the tree and apply the layout.
  root.sort((a, b) => d3.ascending(a.data.label, b.data.label));
  
  tree(root);

  // Compute the extent of the tree. Note that x and y are swapped here
  // because in the tree layout, x is the breadth, but when displayed, the
  // tree extends right rather than down.
  let x0 = Infinity;
  let x1 = -x0;
  root.each(d => {
    if (d.x > x1) x1 = d.x;
    if (d.x < x0) x0 = d.x;
  });

  // Compute the adjusted height of the tree.
  const height = x1 - x0 + dx * 2;

  const svg = d3.create("svg")
      .attr("width", width)
      .attr("height", height)
      .attr("viewBox", [-dy / 3, x0 - dx, width, height])
      .attr("style", "max-width: 100%; height: auto; font: 10px sans-serif;");

  const link = svg.append("g")
      .attr("fill", "none")
      .attr("stroke", "#555")
      .attr("stroke-opacity", 0.4)
      .attr("stroke-width", 1.5)
    .selectAll()
      .data(root.links())
      .join("path")
        .attr("d", d3.linkHorizontal()
            .x(d => d.y)
            .y(d => d.x));
  
  const node = svg.append("g")
      .attr("stroke-linejoin", "round")
      .attr("stroke-width", 3)
    .selectAll()
    .data(root.descendants())
    .join("g")
      .attr("transform", d => `translate(${d.y},${d.x})`);

  node.append("circle")
      .attr("fill", d => d.children ? "#555" : "#999")
      .attr("r", 2.5);

  node.append("text")
      .attr("dy", "0.31em")
      .attr("x", d => d.children ? -6 : 6)
      .attr("text-anchor", d => d.children ? "end" : "start")
      .text(d => d.data.label)
    .clone(true).lower()
      .attr("stroke", "white");
  
  return svg.node();
}

tree = d3.stratify()
    .id(function(d) { return d.code; })
    .parentId(function(d) { return d.parent; })
    (table);

tree = Qd {data: Object, height: 4, depth: 0, parent: null, id: "0", children: Array(12)}

table = FileAttachment("hierarchy_generated.tsv").tsv();

table = Array(1279) [Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, …]

d3 = require("d3@7")

d3 = Object {format: ƒ(t), formatPrefix: ƒ(t, n), timeFormat: ƒ(t), timeParse: ƒ(t), utcFormat: ƒ(t), utcParse: ƒ(t), Adder: class, Delaunay: class, FormatSpecifier: ƒ(t), InternMap: class, InternSet: class, Node: ƒ(t), Path: class, Voronoi: class, ZoomTransform: ƒ(t, n, e), active: ƒ(t, n), arc: ƒ(), area: ƒ(t, n, e), areaRadial: ƒ(), ascending: ƒ(t, n), …}