2b:null 2c:["$","title",null,{"children":"Untitled | Kalle Westerling | Observable"}] 31:T937,{ const elem = d3.create("div") .attr("id", "wordcloud-container") .node() Highcharts.seriesTypes.wordcloud.prototype.deriveFontSize = function (relativeWeight) { var maxFontSize = 75; return Math.floor(maxFontSize * relativeWeight) + 20; }; Highcharts.chart(elem, { plotOptions: { wordcloud: { animation: true, rotation: 0, animation: { duration: 250 } } }, chart: { height: 600, width: 1000, events: { load: function() { var allSeries = this.series, noBreakSpace = String.fromCharCode(0xA0), WordCloudSeries = Highcharts.seriesTypes.wordcloud, data, options, point, series, spacing, wordSpaces; for (var i = 0, ie = allSeries.length; i < ie; ++i) { series = allSeries[i]; if (!(series instanceof WordCloudSeries)) continue; options = series.options; wordSpaces = (options.wordSpaces || 0); if (!wordSpaces) continue; data = options.data.slice(); spacing = ''; while (wordSpaces--) spacing += noBreakSpace; for (var j = 0, je = data.length; j < je; ++j) { point = data[j]; point.name = spacing + point.name + spacing; } series.setData(data); } } } }, credits: { enabled: false }, series: [{ type: 'wordcloud', spiral: 'archimedean', data: selectedData.slice(), name: 'Occurrences', placementStrategy: 'center', wordSpaces: 3 }], title: { text: null }, }); d3.select(elem).select("svg").selectAll("text").attr("style", function () { return d3.select(this) .attr("style").replace("font-family: sans-serif;", `font-family: "GT Walsheim", "Zen Kaku Gothic New", 'Century Gothic', sans-serif !important;`) }) return html`

${elem}

` }32:[{"id":"31a0e37c393584e5af93abf7abfd4e9be47eb19e8e9a14baa01c1abee16e293a3622c12abe4ebe6e74943d8a128bbcd5e9cb0871922c919d347fa20d76571d9c","href":"https://static.observableusercontent.com/files/31a0e37c393584e5af93abf7abfd4e9be47eb19e8e9a14baa01c1abee16e293a3622c12abe4ebe6e74943d8a128bbcd5e9cb0871922c919d347fa20d76571d9c","name":"wordcloudData.json","type":"application/json","lastModified":1659695984907.272,"size":127844}] 2f:{"id":"b93e774fd18acdf9","slug":"what-was-a-machine","title":"Untitled","thumbnail":"9cdcf0dd49e43ccc2bfd36c8b2b8600038269518ac795d85ea98687f180555ea","access_level":"public","create_time":"$D2022-08-05T10:38:04.353Z","update_time":"$D2022-11-28T14:52:04.347Z","view_time":null,"first_public_time":"$D2022-08-05T10:43:20.375Z","fork":false,"stars":2,"starred":false,"owner":{"type":"team","id":"32362545e9f3330d","login":"kallewesterling","name":"Kalle Westerling","avatar_url":"https://avatars-next.observableusercontent.com/f759a45dfbde6f2da561a90bcc8852bd0efd30d6a12ae3031f4d0bedc2464b65","tier":"starter_2024"},"version":73,"publish_version":73,"role":null,"authored":false,"authors":[{"type":"individual","id":"a4098a3e48d12fd5","login":"kallewesterling","name":"Kalle Westerling","avatar_url":"https://avatars-next.observableusercontent.com/f759a45dfbde6f2da561a90bcc8852bd0efd30d6a12ae3031f4d0bedc2464b65","tier":null}],"members":[{"type":"individual","id":"a4098a3e48d12fd5","login":"kallewesterling","name":"Kalle Westerling","avatar_url":"https://avatars-next.observableusercontent.com/f759a45dfbde6f2da561a90bcc8852bd0efd30d6a12ae3031f4d0bedc2464b65","tier":null,"role":"editor"},{"type":"individual","id":"13b7cd0ffd6e4a92","login":"mialondon","name":"Mia","avatar_url":"https://avatars-next.observableusercontent.com/718fd54635137cd9a35241d6876cfe3ece957358071d65ea1440f3a156a753a4","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"","cells":[{"id":68,"value":"This Notebook presents some of the results from crowdsourcing projects created by researchers on Living with Machines. There's background about this on our blog post 'From prams to Parliament – what was a machine? Help us find out'. You can also view sample articles and forum discussions between online volunteers and project researchers at Zooniverse.","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined"},{"id":72,"value":"

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined"},{"id":0,"value":"# What was a machine? Explore real examples from the 1800s","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":38,"value":"If you think of a ‘machine’ today, maybe you picture a car, a robot, a computer? You probably wouldn’t picture a pram, or a weighing machine.\n\nPeople in the 1800s had to get used to machines. We looked at old newspapers to see what they meant when they mentioned ‘machines’.\n\n_Click on each decade in the row below to explore what kinds of machines were mentioned in the newspapers in each decade._","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":16,"value":"viewof decade = decadeSelector(Object.keys(wordcloudData.byDecade))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":18,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":55,"value":"

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined"},{"id":57,"value":"## Appendix","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":20,"value":"selectedData = {\n const data = await FileAttachment(\"wordcloudData.json\").json();\n \n const d = data.byDecade[decade].slice(0, 75);\n \n return d\n .filter(d => d)\n .map(d => ({name: d.text.trim(), weight: d.size}))\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":22,"value":"decadeSelector = (decadeList=[1830, 1840, 1850, 1860, 1870, 1880, 1890, 1900, 1910]) => {\n const buttons = decadeList\n .map(decade => html``);\n \n const control = html`

${buttons}

`;\n buttons.forEach(button => {\n button.onclick = (evt) => {\n evt && evt.preventDefault(); // avoid dispatching 'click' event outside\n control.value = +button.value;\n control.dispatchEvent(new CustomEvent('input'));\n }\n })\n\n return Object.assign(control, {\n value: decadeList[0]\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":24,"value":"wordcloudData = FileAttachment(\"wordcloudData.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":30,"value":"d3 = require(\"d3@7\", \"d3-selection@2\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":32,"value":"wordcloud = require(\"highcharts@10.2.0/modules/wordcloud\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":34,"value":"Highcharts = {\n const Highcharts = await require(\"highcharts@10.2.0\");\n await require(\"highcharts@10.2.0/modules/wordcloud.js\");\n \n return Highcharts; \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 30:"$2f:body"