31:T571,chart = { let margin = ({top: 20, right: 0, bottom: 30, left: 60}) let list=data.sort((a,b)=>{ if(a.value>b.value){ return 1 } return -1 }) let height=300 const svg = d3.select(DOM.svg(width, height)); let x = d3.scaleBand() .domain(data.map(d => d.name)) .range([margin.left, width - margin.right]) .padding(0.1) let y = d3.scaleLinear() .domain([0, d3.max(data, d => d.value)]).nice() .range([height - margin.bottom, margin.top]) let yAxis = g => g .attr("transform", `translate(${margin.left},0)`) .call(d3.axisLeft(y)) .call(g => g.select(".domain").remove()) let xAxis = g => g .attr("transform", `translate(0,${height - margin.bottom})`) .call(d3.axisBottom(x) .tickSizeOuter(0)) svg.append("g") .selectAll("rect").data(data).enter().append("rect") .attr("x", d => x(d.name)) .attr("y", d => y(d.value)) .attr("height", d => y(0) - y(d.value)) .attr("width", x.bandwidth()) .attr("fill", (d)=>d.color) svg.append("g") .call(xAxis); svg.append("g") .call(yAxis); // text label for the y axis svg.append("text") .attr("transform", "rotate(-90)") .attr("y", 0) .attr("x",0 - (height / 2)) .attr("dy", "1em") .style("text-anchor", "middle") .text("Filesizes"); return svg.node(); }32:[] 2f:{"title":"Compromise-filesize","cells":[{"id":0,"value":"md`# Compromise-filesize\n\nBecause [compromise](https://beta.observablehq.com/@spencermountain/nlp-compromise) is built to run on the client-side, as well as the server-side, it takes file-size very seriously.\n\nthis is the current-size of the [minified library](https://unpkg.com/compromise@latest/builds/compromise.min.js) (in ES5):\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":95,"value":"html`\n\n\n\n\n\n\n\n\n\n\n\n

compromise/one:	${one}kb
compromise/two:	${two}kb
compromise/three:	${three}kb

\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":105,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":163,"value":"html`

\n this is especially notable, as compromise ships with a custom-compressed lexicon of: \n

${prettyPrint(wordCount)} words

\nin its default lexicon.\n\n

- it does this by using a prefix-tree, which is open-sourced.

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":110,"value":"loadText= async function(url){ \n const res = await fetch(url);\n return await res.text();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":228,"value":"three = {\n let txt = await loadText('https://unpkg.com/compromise')\n return fileSize(txt)\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":244,"value":"two = {\n let txt = await loadText('https://unpkg.com/compromise/builds/two/compromise-two.mjs')\n return fileSize(txt)\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":248,"value":"one = {\n let txt = await loadText('https://unpkg.com/compromise/builds/one/compromise-one.mjs')\n return fileSize(txt)\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":157,"value":"wordCount= Object.keys(nlp.model().one.lexicon).length.toLocaleString()","pinned":false,"hidden":false,"mode":"ojs"},{"id":120,"value":"html`

Libraries:

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":182,"value":"prettyPrint = (x) => {\n return x.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":180,"value":"data=[ //mostly from - https://gist.github.com/Restuta/cda69e50a853aa64912d\n {name:'compromise/one',value:one, color:'cornflowerblue'},\n {name: 'React/react-dom', value: 145, color:'lightsteelblue'},\n {name:'compromise/two',value:two, color:'cornflowerblue'},\n {name: 'd3', value: 230.73, color:'lightsteelblue'},\n {name:'compromise',value:three, color:'cornflowerblue'},\n {name:'jQuery v3',value:84.89, color:'lightsteelblue'},\n {name:'Angular 2',value:566, color:'lightsteelblue'},\n {name:'Ember 2',value:435, color:'lightsteelblue'},\n ]","pinned":false,"hidden":false,"mode":"ojs"},{"id":67,"value":"import { soFetch } from '@alecglassford/so-fetch'","pinned":false,"hidden":false,"mode":"ojs"},{"id":106,"value":"d3 = require(\"https://d3js.org/d3.v5.min.js\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":155,"value":"nlp=require('compromise')","pinned":false,"hidden":false,"mode":"ojs"},{"id":190,"value":"nlp.version","pinned":false,"hidden":false,"mode":"ojs"},{"id":74,"value":"fileSize = function (text) {\n let kb = new Blob([text]).size / 1024\n kb = Math.round(kb * 10) / 10\n return kb\n}","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}