2e:null 2f:["$","title",null,{"children":"Árbol de palabras etiquetadas con NLP | Daniel Zamora | Observable"}] 34:T704,viewof source = { const textarea = html`

`;
  //textarea.value = (await FileAttachment("TrumpD3@1.txt").text()).trim();
  textarea.value = `
  I don't care if Monday's blue
Tuesday's grey and Wednesday too
Thursday, I don't care about you
It's Friday, I'm in love
Monday you can fall apart
Tuesday, Wednesday break my heart
Oh, Thursday doesn't even start
It's Friday, I'm in love
Saturday, wait
And Sunday always comes too late
But Friday, never hesitate
I don't care if Monday's black
Tuesday, Wednesday, heart attack
Thursday, never looking back
It's Friday, I'm in love
Monday you can hold your head
Tuesday, Wednesday, stay in bed
Or Thursday watch the walls instead
It's Friday, I'm in love
Saturday, wait
And Sunday always comes too late
But Friday, never hesitate
Dressed up to the eyes
It's a wonderful surprise
To see your shoes and your spirits rise
Throw out your frown
And just smile at the sound
Sleek as a shriek, spinning 'round and 'round
Always take a big bite
It's such a gorgeous sight
To see you eat in the middle of the night
You can never get enough
Enough of this stuff
It's Friday, I'm in love
I don't care if Monday's blue
Tuesday's grey and Wednesday too
Thursday, I don't care about you
It's Friday, I'm in love
Monday you can fall apart
Tuesday, Wednesday, break my heart
Thursday doesn't even start
It's Friday, I'm in love
Do-do, do-do, do-do, do
Do-do, do-do, do-do, do
(Oh, oh, whoa, whoa)
`
  textarea.style = `
  display: block;
  boxSizing: border-box;
  width: calc(100% + 28px);
  font: var(--mono_fonts);
  border: none;
  border-radius: 0;
  padding: 6px 10px;
  margin: 0 -14px;
  background: #f5f5f5;
  tabSize: 2;
  outline: none;
  resize: none;
`;
  return textarea;
}

//text = html `<textarea rows="10" cols="60">

`35:Te84,chart = { const root = getRootNew(tagTree); const svg = d3.create("svg") .attr("viewBox", [-margin.left, -margin.top, width, dx]) .style("font", "18px sans-serif") .style("user-select", "none"); const gLink = svg.append("g") .attr("fill", "none") .attr("stroke", "#555") .attr("stroke-opacity", 0.4) .attr("stroke-width", 1.5); const gNode = svg.append("g") .attr("cursor", "pointer") .attr("pointer-events", "all"); function update(source) { const duration = d3.event && d3.event.altKey ? 2500 : 250; const nodes = root.descendants().reverse(); const links = root.links(); // Compute the new tree layout. tree(root); let left = root; let right = root; root.eachBefore(node => { if (node.x < left.x) left = node; if (node.x > right.x) right = node; }); const height = right.x - left.x + margin.top + margin.bottom; const transition = svg.transition() .duration(duration) .attr("viewBox", [-margin.left, left.x - margin.top, width, height]) .tween("resize", window.ResizeObserver ? null : () => () => svg.dispatch("toggle")); // Update the nodes… const node = gNode.selectAll("g") .data(nodes, d => d.id); // Enter any new nodes at the parent's previous position. const nodeEnter = node.enter().append("g") .attr("transform", d => `translate(${source.y0},${source.x0})`) .attr("fill-opacity", 0) .attr("stroke-opacity", 0) .on("click", d => { d.children = d.children ? null : d._children; update(d); }); nodeEnter.append("circle") .attr("r", 2.5) .attr("fill", d => d._children ? "#555" : d.data.color) // #999 black .attr("stroke-width", 10); nodeEnter.append("text") .attr("dy", "0.31em") .attr("x", d => d._children ? -6 : 6) //.attr("fill", d => d.data.color) .attr("text-anchor", d => d._children ? "end" : "start") .text(d => d.data.count ? `${d.data.count} ${d.data.name}`: `${d.data.children.length} ${d.data.name}s`) //.text(d => d.data.name) .clone(true).lower() .attr("stroke-linejoin", "round") .attr("stroke-width", 3) .attr("stroke", "white"); // Transition nodes to their new position. const nodeUpdate = node.merge(nodeEnter).transition(transition) .attr("transform", d => `translate(${d.y},${d.x})`) .attr("fill-opacity", 1) .attr("stroke-opacity", 1); // Transition exiting nodes to the parent's new position. const nodeExit = node.exit().transition(transition).remove() .attr("transform", d => `translate(${source.y},${source.x})`) .attr("fill-opacity", 0) .attr("stroke-opacity", 0); // Update the links… const link = gLink.selectAll("path") .data(links, d => d.target.id); // Enter any new links at the parent's previous position. const linkEnter = link.enter().append("path") .attr("d", d => { const o = {x: source.x0, y: source.y0}; return diagonal({source: o, target: o}); }); // Transition links to their new position. link.merge(linkEnter).transition(transition) .attr("d", diagonal); // Transition exiting nodes to the parent's new position. link.exit().transition(transition).remove() .attr("d", d => { const o = {x: source.x, y: source.y}; return diagonal({source: o, target: o}); }); // Stash the old positions for transition. root.eachBefore(d => { d.x0 = d.x; d.y0 = d.y; }); } update(root); return svg.node(); }36:T5ed,function createTagTreeSvg(tagTree) { const root = getRoot(tagTree); let x0 = Infinity; let x1 = -x0; root.each(d => { if (d.x > x1) x1 = d.x; if (d.x < x0) x0 = d.x; }); const svg = d3.select(DOM.svg(width, x1 - x0 + root.dx * 2)) .style("width", "100%") .style("height", "auto"); const g = svg.append("g") .attr("font-family", "sans-serif") .attr("font-size", 14) .attr("transform", `translate(${root.dy / 3},${root.dx - x0})`); const link = g.append("g") .attr("fill", "none") .attr("stroke", "#555") .attr("stroke-opacity", 0.4) .attr("stroke-width", 1.5) .selectAll("path") .data(root.links()) .enter().append("path") .attr("d", d3.linkHorizontal() .x(d => d.y) .y(d => d.x)); const node = g.append("g") .attr("stroke-linejoin", "round") .attr("stroke-width", 3) .selectAll("g") .data(root.descendants().reverse()) .enter().append("g") .attr("transform", d => `translate(${d.y},${d.x})`); node.append("circle") .attr("fill", d => d.children ? "#555" : d.data.color) //"#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") //.attr("fill", d => d.data.color) .text(d => d.data.count ? `${d.data.count} ${d.data.name}`: `${d.data.children.length} ${d.data.name}s`) .clone(true).lower() .attr("stroke", "white"); return svg.node(); }37:T474,nlpStyles = html ` `38:[] 32:{"id":"c2375c068a02d36b","slug":"arbol-de-palabras-etiquetadas-con-nlp","title":"Árbol de palabras etiquetadas con NLP","thumbnail":"f44162505baa79f10ac2cbfe1cd53fe133233587a2ef7024bd77b7856646617a","access_level":"public","create_time":"$D2020-05-02T06:29:23.069Z","update_time":"$D2020-05-04T04:49:47.441Z","view_time":null,"first_public_time":"$D2020-05-02T08:24:59.089Z","has_unpublished_edits":null,"fork":{"id":"b00ecf587a90e6f6","slug":"nlp-tag-tree","title":"NLP Tag Tree","owner":{"id":"da0961e4e88ca7cb","login":"randomfractals","name":"Taras Novak"}},"stars":0,"starred":false,"owner":{"type":"team","id":"3f0b37dc506376c0","login":"danurizp","name":"Daniel Zamora","avatar_url":"https://avatars-next.observableusercontent.com/0f03f9a4a06148d4621ba5d7998977108c03775e3b7ec3169c62807e466168ef","tier":"starter_2024"},"version":186,"publish_version":186,"role":null,"authored":false,"authors":[{"type":"individual","id":"c7aecd6ca605d135","login":"danurizp","name":"Daniel Zamora","avatar_url":"https://avatars-next.observableusercontent.com/0f03f9a4a06148d4621ba5d7998977108c03775e3b7ec3169c62807e466168ef","tier":null}],"members":[{"type":"individual","id":"c7aecd6ca605d135","login":"danurizp","name":"Daniel Zamora","avatar_url":"https://avatars-next.observableusercontent.com/0f03f9a4a06148d4621ba5d7998977108c03775e3b7ec3169c62807e466168ef","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Árbol de palabras etiquetadas con NLP","cells":[{"id":0,"value":"md `# Árbol de palabras etiquetadas con NLP\n\nMuestra de texto etiquetado con la librería NLP de http://compromise.cool\ny la librería [d3 Tidy Tree](https://beta.observablehq.com/@mbostock/d3-tidy-tree)\n\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":174,"value":"html `\n

Ingrese texto

(Ejemplo inicial canción \"Friday im in love\" del grupo The Cure)

\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":93,"value":"text = source;","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":166,"value":"html `\n

Texto etiquetado

\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":55,"value":"normalizedText = html `

\n${printHtml(doc)}\n

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":50,"value":"tagLegends","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":177,"value":"html `\n

Árbol de palabras etiquetadas

\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":69,"value":"lingoTree = createTagTreeSvg(tagTree)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":105,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":66,"value":"//downloadLingoTree = downloadTagTreeSvg('lingo-tree', lingoTree)\n//downloadChart = downloadTagTreeSvg('chart', chart)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":103,"value":"diagonal = d3.linkHorizontal().x(d => d.y).y(d => d.x)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":108,"value":"margin = ({top: 10, right: 120, bottom: 10, left: 90})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":82,"value":"function downloadTagTreeSvg(fileName, svg) {\n return html `${DOM.download(serialize(svg), `${fileName}.svg`, \"Guardar Imagen\")}`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":40,"value":"function getRoot(tagTree) {\n const root = d3.hierarchy(tagTree);\n root.dx = 20;\n root.dy = width / (root.height + 1);\n return d3.tree().nodeSize([root.dx, root.dy])(root);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":121,"value":"function getRootNew (tagTree) { \n \n const root = d3.hierarchy(tagTree);\n root.x0 = dy / 2;\n root.y0 = 0;\n root.descendants().forEach((d, i) => {\n d.id = i;\n d._children = d.children;\n if (d.depth && d.data.name.length !== 7) d.children = null;\n });\n return d3.tree().nodeSize([root.dx, root.dy])(root);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":112,"value":"tree = d3.tree().nodeSize([dx, dy])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":110,"value":"dx = 24","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":114,"value":"dy = width / 3;","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"doc = nlp(text).normalize({\n whitespace: true, // remove hyphens, newlines, and force one space between words\n punctuation: true, // remove commas, semicolons - but keep sentence-ending punctuation\n case: true, // keep only first-word, and 'entity' titlecasing\n numbers: true, // 'one' → '1'\n plurals: true, // 'eyes' → 'eye' \n verbs: true, // 'swtiched' → 'switch'\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"tags = doc.out('tags')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":72,"value":"uniqueTags = getUniqueTags(tags)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":75,"value":"tagTree = createTagTree(uniqueTags)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":32,"value":"function getUniqueTags(tags) {\n const map = new Map();\n for (const tag of tags) {\n let group = map.get(tag.normal);\n if (!group) {\n group = {name: tag.normal, children: []};\n map.set(tag.normal, group);\n }\n group.children.push(tag);\n tag.targets = [];\n }\n return {name: 'tags', children: [...map.values()]};\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":34,"value":"function createTagTree(uniqueTags) {\n const map = new Map();\n for (const tagType of tagTypes) {\n map.set(tagType, {name: tagType, children: []});\n }\n for (const tag of uniqueTags.children) {\n const tagTypes = tag.children[0].tags;\n for (const tagType of tagTypes) {\n const type = map.get(tagType);\n if (type) {\n type.children.push({name: tag.name, count: tag.children.length, color: tagColors[tagType]});\n type.color = tagColors[tagType];\n break;\n }\n }\n }\n return {name: 'term', children: [...map.values()]};\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":52,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"imports = md `## Imports`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"nlp = require('compromise@11.14.3')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":58,"value":"import {printList, printHtml} from '@spencermountain/nlp-compromise'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":45,"value":"import {tagLegends, tagTypes, tagColors} from '@randomfractals/nlp-text-tags'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"d3 = require('d3')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"import {rasterize, serialize} from '@mbostock/saving-svg'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W38","stdlib":"1","titling":"auto"}} 33:"$32:body"