2e:null 2f:["$","title",null,{"children":"Diachronic terminological resource | Matteo Abrate | Observable"}] 34:T5ca,diagram = svg``35:T1e40,data = { var levels = [ [ {id: 'Entity', type: 'Concept'}, {id: 'Telic', type: 'Concept'}, {id: 'Agentive', type: 'Concept'}, {id: 'Constitutive', type: 'Concept'} ], [ {id: 'Linguistic Entity', type: 'Concept', parents: ['Entity']} ], [ {id: 'Relational Entity', type: 'Concept', parents: ['Linguistic Entity']}, {id: 'Concrete Element', type: 'Concept', parents: ['Linguistic Entity']}, {id: 'Mental Element', type: 'Concept', parents: ['Linguistic Entity']} ], [ {id: 'SIGN', type: 'Concept Instance', parents: ['Relational Entity'], layers: ['1891-1892', '1899-1903', '1910-1911']}, {id: 'SIGNIFIER', type: 'Concept Instance', parents: ['Concrete Element'], layers: ['1891-1892', '1899-1903', '1910-1911']}, {id: 'SOUND', type: 'Concept Instance', parents: ['Concrete Element'], layers: ['1891-1892', '1899-1903', '1910-1911']}, {id: 'SIGNIFIED', type: 'Concept Instance', parents: ['Mental Element'], layers: ['1891-1892', '1899-1903', '1910-1911']}, {id: 'VALUE', type: 'Concept Instance', parents: ['Mental Element'], layers: ['1891-1892', '1910-1911']}, {id: 'USAGE', type: 'Concept Instance', parents: ['Mental Element'], layers: ['1891-1892']} ], [ {id: 'sème', type: 'Term', parents: ['SIGN'], layers: ['1899-1903']}, {id: 'terme', type: 'Term', parents: ['SIGN'], layers: ['1910-1911']}, {id: 'mot', type: 'Term', parents: ['SIGN'], layers: ['1910-1911']}, {id: 'signe', type: 'Term', parents: ['SIGNIFIER','SIGN'], layers: ['1891-1892', '1899-1903','1910-1911']}, {id: 'signifiant ', type: 'Term', parents: ['SIGNIFIER'], layers: ['1910-1911']}, {id: 'image vocale ', type: 'Term', parents: ['SIGNIFIER'], layers: ['1910-1911']}, {id: 'image acoustique ', type: 'Term', parents: ['SIGNIFIER'], layers: ['1910-1911']}, {id: 'signe vocal ', type: 'Term', parents: ['SIGNIFIER'], layers: ['1910-1911']}, {id: 'signe acoustique ', type: 'Term', parents: ['SIGNIFIER'], layers: ['1910-1911']}, {id: 'figure acoustique ', type: 'Term', parents: ['SIGNIFIER'], layers: ['1910-1911']}, {id: 'sensation auditive ', type: 'Term', parents: ['SIGNIFIER'], layers: ['1910-1911']}, {id: 'son', type: 'Term', parents: ['SIGNIFIER'], layers: ['1891-1892']}, {id: 'forme', type: 'Term', parents: ['SIGNIFIER'], layers: ['1891-1892', '1899-1903']}, {id: 'sôme', type: 'Term', parents: ['SIGNIFIER'], layers: ['1899-1903']}, {id: 'côté vocal', type: 'Term', parents: ['SIGNIFIER'], layers: ['1899-1903']}, {id: 'aposème', type: 'Term', parents: ['SIGNIFIER','SOUND'], layers: ['1899-1903']}, {id: 'son ', type: 'Term', parents: ['SOUND'], layers: ['1910-1911']}, {id: 'son matériel', type: 'Term', parents: ['SOUND'], layers: ['1891-1892', '1910-1911']}, {id: 'figure vocale', type: 'Term', parents: ['SOUND'], layers: ['1891-1892', '1899-1903']}, {id: 'idée', type: 'Term', parents: ['SIGNIFIED'], layers: ['1891-1892', '1899-1903', '1910-1911']}, {id: 'sens', type: 'Term', parents: ['SIGNIFIED'], layers: ['1891-1892','1899-1903', '1910-1911']}, {id: 'signification', type: 'Term', parents: ['SIGNIFIED'], layers: ['1891-1892', '1899-1903', '1910-1911']}, {id: 'côte idéologique', type: 'Term', parents: ['SIGNIFIED'], layers: ['1899-1903']}, {id: 'concept', type: 'Term', parents: ['SIGNIFIED'], layers: ['1910-1911']}, {id: 'signifié', type: 'Term', parents: ['SIGNIFIED'], layers: ['1910-1911']}, {id: 'fonction', type: 'Term', parents: ['VALUE'], layers: ['1891-1892', '1910-1911']}, {id: 'valeur', type: 'Term', parents: ['VALUE'], layers: ['1891-1892', '1910-1911']}, {id: 'emploi', type: 'Term', parents: ['USAGE'], layers: ['1891-1892']} ], [ {id: 'signe-idée', type: 'Term', parents: ['signe','idée','SIGN'], layers: ['1891-1892']}, {id: 'son-idée', type: 'Term', parents: ['son','idée','SIGN'], layers: ['1891-1892']}, {id: 'forme-sens', type: 'Term', parents: ['forme','sens','SIGN'], layers: ['1891-1892']} ] ] // precompute level depth levels.forEach((l,i) => l.forEach(n => n.level = i)) var nodes = levels.reduce( ((a,x) => a.concat(x)), [] ) var nodes_index = {} nodes.forEach(d => nodes_index[d.id] = d) // objectification nodes.forEach(d => { d.parents = (d.parents === undefined ? [] : d.parents).map(p => nodes_index[p]) }) // precompute bundles levels.forEach((l, i) => { var index = {} l.forEach(n => { if(n.parents.length == 0) { return } var id = n.parents.map(d => d.id).sort().join('--') if (id in index) { index[id].parents = index[id].parents.concat(n.parents) } else { index[id] = {id: id, parents: n.parents.slice(), level: i} } n.bundle = index[id] }) l.bundles = Object.keys(index).map(k => index[k]) l.bundles.forEach((b, i) => b.i = i) }) var links = [] nodes.forEach(d => { d.parents.forEach(p => links.push({source: d, bundle: d.bundle, target: p})) }) var bundles = levels.reduce( ((a,x) => a.concat(x.bundles)), [] ) // reverse pointer from parent to bundles bundles.forEach(b => b.parents.forEach(p => { if(p.bundles_index === undefined) { p.bundles_index = {} } if(!(b.id in p.bundles_index)) { p.bundles_index[b.id] = [] } p.bundles_index[b.id].push(b) })) nodes.forEach(n => { if(n.bundles_index !== undefined) { n.bundles = Object.keys(n.bundles_index).map(k => n.bundles_index[k]) } else { n.bundles_index = {} n.bundles = [] } n.bundles.forEach((b, i) => b.i = i) }) links.forEach(l => { if(l.bundle.links === undefined) { l.bundle.links = [] } l.bundle.links.push(l) }) // layout const padding = 8 const node_height = 22 const node_width = 100 const bundle_width = 14 const level_y_padding = 16 const metro_d = 4 const c = 16 const min_family_height = 16 nodes.forEach(n => n.height = (Math.max(1, n.bundles.length)-1)*metro_d) var x_offset = padding var y_offset = padding levels.forEach(l => { x_offset += l.bundles.length*bundle_width y_offset += level_y_padding l.forEach((n, i) => { n.x = n.level*node_width + x_offset n.y = node_height + y_offset + n.height/2 y_offset += node_height + n.height }) }) var i = 0 levels.forEach(l => { l.bundles.forEach(b => { b.x = b.parents[0].x + node_width + (l.bundles.length-1-b.i)*bundle_width b.y = i*node_height }) i += l.length }) links.forEach(l => { l.xt = l.target.x l.yt = l.target.y + l.target.bundles_index[l.bundle.id].i*metro_d - l.target.bundles.length*metro_d/2 + metro_d/2 l.xb = l.bundle.x l.xs = l.source.x l.ys = l.source.y }) // compress vertical space var y_negative_offset = 0 levels.forEach(l => { y_negative_offset += -min_family_height + d3.min(l.bundles, b => d3.min(b.links, link => (link.ys-c)-(link.yt+c))) || 0 l.forEach(n => n.y -= y_negative_offset) }) // very ugly, I know links.forEach(l => { l.yt = l.target.y + l.target.bundles_index[l.bundle.id].i*metro_d - l.target.bundles.length*metro_d/2 + metro_d/2 l.ys = l.source.y l.c1 = l.source.level-l.target.level > 1 ? node_width/2+c : c l.c2 = c }) var layout = { height: d3.max(nodes, n => n.y) + node_height/2 + 2*padding, node_height, node_width, bundle_width, level_y_padding, metro_d } return {levels, nodes, nodes_index, links, bundles, layout} }36:[] 32:{"id":"6c7b879c1f271b3f","slug":"saussure","title":"Diachronic terminological resource","thumbnail":"25899f93207a081b450ee412863b25a43cd9b0dcede49681806cec9b95c08690","access_level":"public","create_time":"$D2019-04-11T11:36:10.948Z","update_time":"$D2019-11-27T10:48:11.864Z","view_time":null,"first_public_time":"$D2019-04-11T12:04:59.530Z","has_unpublished_edits":null,"fork":true,"stars":10,"starred":false,"owner":{"type":"team","id":"26c2ccc018e1ea02","login":"nitaku","name":"Matteo Abrate","avatar_url":"https://avatars-next.observableusercontent.com/568352e22522e05f4532b44f5546074bf3185b6cc765329aa211439f9cc2be4e","tier":"starter_2024"},"version":658,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"aba92c35f7e903ce","login":"nitaku","name":"Matteo Abrate","avatar_url":"https://avatars-next.observableusercontent.com/568352e22522e05f4532b44f5546074bf3185b6cc765329aa211439f9cc2be4e","tier":null}],"members":[{"type":"individual","id":"aba92c35f7e903ce","login":"nitaku","name":"Matteo Abrate","avatar_url":"https://avatars-next.observableusercontent.com/568352e22522e05f4532b44f5546074bf3185b6cc765329aa211439f9cc2be4e","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":17,"collection":{"id":"653f2275e81f6c6f","slug":"tangled-trees","title":"Tangled trees","owner":{"id":"26c2ccc018e1ea02","login":"nitaku","name":"Matteo Abrate"}},"type":"notebook","body":{"title":"Diachronic terminological resource","cells":[{"id":0,"value":"md`# Diachronic terminological resource`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":649,"value":"md`An example about Saussure`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":587,"value":"buttons = {\n var ui = d3.select(html`

`)\n \n layers.forEach(d => {\n ui.append('button')\n .text(d.id)\n .style('font-weight', d.id == layer_id ? 'bold' : '')\n .on('click', () => { mutable layer_id = d.id })\n })\n \n return ui.node()\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":548,"value":"mutable layer_id = '1891-1892'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":545,"value":"layers = [{id: '1891-1892', title: 'De la double Essence du langage'}, {id: '1899-1903', title: 'Notes Item'}, {id: '1910-1911', title: 'III Cours de linguistique générale'}]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":552,"value":"present = (datum, lid) => !('layers' in datum) || datum.layers.includes(lid)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"$35","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":520,"value":"node_color = (node) => {\n if (node.type == 'Concept') {\n return \"#fd9f25\"\n }\n else if (node.type == 'Concept Instance') {\n return \"#c359a5\"\n }\n else if (node.type == 'Term') {\n return \"#b07125\"\n }\n else {\n return \"#aaaaaa\"\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":239,"value":"link_color = (link) => {\n if (link.source.type == 'Concept' && link.target.type == 'Concept') {\n return \"#fd9f25\"\n }\n else if (link.source.type == 'Concept Instance' && link.target.type == 'Concept') {\n return \"#c359a5\"\n }\n else if (link.source.type == 'Term' && link.target.type == 'Concept Instance') {\n return \"#b07125\"\n }\n else {\n return \"#aaaaaa\"\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":242,"value":"d3 = require('d3-selection', 'd3-scale', 'd3-scale-chromatic', 'd3-array', 'd3-color')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W36","stdlib":"1","titling":"auto"}} 33:"$32:body"