2c:null 2d:["$","title",null,{"children":"Story 1 - DEURU | Jillian Dudziak's Workspace | Observable"}] 32:Taab,line2_update={ const wrapper = html`

Number of Russians and Ukrainians in Germany

In 2022, more than 1 million refugees from Ukraine entered Germany.

`; const container = wrapper.querySelector('div'); const logoWidth = 150; // Adjust based on how much space you want for the data source const logoHeight = (130 / 910) * logoWidth; const data_source = html`

Data Source: Statistisches Bundesamt (Destatis); The Commissioner of the Federal Government for Migration, Refugees and Integration

`; wrapper.appendChild(data_source); yield wrapper; const line = new G2Plot.Line(container, { title: { visible: true, }, height: 340, data: data, padding: 'auto', margin: 'auto', appendPadding:10, limitInPlot:false, xField: 'Year', yField: "Population", seriesField: 'Country', yAxis:{ title: { text: 'Population in Germany', style: { fontSize: 12, }, }, label: { formatter: (text) => { const value = parseInt(text, 10); if (value >= 1000000) { return `${value / 1000000} million`; } else{ const value = parseInt(text, 10); return new Intl.NumberFormat().format(value); } return text; }, } }, xAxis: { type: 'cat', tickInterval: 1, }, point: { // Add this configuration visible: true }, tooltip: { customContent: (title, items) => { let content = `'; return content; } }, smooth: true, renderer:'svg' }); line.render(); } 33:Tb7d,bar={ const wrapper = html`

Criminal cases in Berlin with a Ukrainian victim since February 2022

Berlin registered 1,237 cases with at least one Ukrainian victim and a suspect identified.The time period for the police records is 24.02.2022 - 28.02.2023

Data Source: DWH FI. Statistic was received 7th of March, 2023

`; wrapper.appendChild(data_source); yield wrapper; const bar = new G2Plot.Bar(container, { title: { visible: true, }, height: 340, data: offence_data, padding: 'auto', margin: 'auto', appendPadding:10, limitInPlot:false, xField: 'Number of the cases', yField: "Offense", color: (Offense) => { // Check if the category is 'Others' and return 'lightgrey', otherwise return a default color return Offense.Offense === 'Other offences' ? 'lightgrey' : null; }, yAxis:{ title: { text: 'Population in Germany', style: { fontSize: 12, }, }, label: { formatter: (text) => { const value = parseInt(text, 10); if (value >= 1000000) { return `${value / 1000000} million`; } return text; }, } }, yAxis: { type: 'cat', label: { formatter: (text) => { // Define the maximum number of characters per line const MAX_CHARACTERS_PER_LINE = 40; // Split words into an array const words = text.split(' '); let line = ''; let lines = []; // Build lines array for (let i = 0; i < words.length; i++) { if ((line + words[i]).length > MAX_CHARACTERS_PER_LINE) { lines.push(line); line = ''; } line += `${words[i]} `; if (i === words.length - 1) { lines.push(line); } } return lines.join('\n'); }, }, }, smooth: true, renderer:'svg' }); bar.render(); }34:T1589,column2={ const wrapper = html`

NetzDG complaints filed to major social media platforms operating in Germany and deleted content from January 2018 to June 2023

This chart shows the number of user complaints under Sections 130 (Incitement to hatred) and 166 (Insulting denominations, religious societies and ideological associations).

Data Source: NetzDG Transparency Reports published by each respective social media platform

Note: Discrepancies and variations in the number of complaints resulted in the deletion or blocking of content and to actual pieces of content that were deleted or blocked exist due to each platform’s differences in reporting standards or updates in the data post-publication.

`; const container = wrapper.querySelector('div'); yield wrapper; const colorMap = { 'Total complaints': '#4355BF', // accessible blue 'Number of complaints resulting in the deletion or blocking of content': '#CC0000' , // accessible light red 'Deleted or blocked pieces of content': '#720026' , // accessible dark red }; const column = new G2Plot.Column(container, { data:netz, isGroup: true, xField: 'platform', yField: 'cases', seriesField: 'category', color: (datum) => { return colorMap[datum.category] || '#5B8FF9'; // default color if the category is not found in the colorMap }, // Add additional conditions here if you have more categories and want to color them specifically // dodgePadding: 2, padding: 'auto', margin: 'auto', appendPadding:10, limitInPlot:false, dodgePadding: -2, legend:{ flipPage:false, itemName: { style: { textOverflow: 'unset', // ensure text is not truncated overflow: 'visible', // display overflow content whiteSpace: 'normal', // wrap text as needed }, }, maxItemWidth: 400, }, label: { position: 'middle', // 'top', 'bottom', 'middle', style: { fill: '#000', fontSize: 8, // specify the font size you want for the labels }, content: (originData) => { let value = originData.cases; // replace yourFieldName with the field you're plotting if (value< 40000 ){return null} if (value > 800 && value < 1000000) { return `${(value / 1000).toFixed(0)}K`; // Convert to K for thousands } else if (value >= 1000000) { return `${(value / 1000000).toFixed(1)}M`; // Convert to M for millions } return value.toString(); // return the value as is if it doesn't require formatting }, layout: [ // ...other layout configurations { type: 'interval-adjust-position' }, { type: 'interval-hide-overlap' }, { type: 'adjust-color' }, ], }, yAxis:{ title: { text: 'Number of complaints', style: { fontSize: 12, }, }, label: { formatter: (text) => { const value = parseInt(text, 10); if (value >= 1000000) { return `${value / 1000000} million`; } else{ const value = parseInt(text, 10); return new Intl.NumberFormat().format(value); } return text; }, } }, tooltip: { customContent: (title, items) => { let content = `'; return content; } }, smooth: true, renderer:'svg' // 使用 annotation （图形标注）来展示：总数的 label // annotations, }); column.render(); }35:[{"id":"369f17c1c1bce65c2d0d22f8ca5e341be554aadff4b7dc04c422b4b927a342f018eaebdc97b7e2f7d92f1b1f03f6896c707343fd1919e1e9046232549ddb7544","href":"https://static.observableusercontent.com/files/369f17c1c1bce65c2d0d22f8ca5e341be554aadff4b7dc04c422b4b927a342f018eaebdc97b7e2f7d92f1b1f03f6896c707343fd1919e1e9046232549ddb7544","name":"CCIJ-image-credit.svg","type":"image/svg+xml","lastModified":1700465595891.327,"size":34683},{"id":"79b0c5581460934e3102a70dd463f1e4f9a70b770a524cd66c1d31a48f7c5669c20fab62ad1b4bd06b35520bae86f910ea91881ac96e58d8787e0b8718c22169","href":"https://static.observableusercontent.com/files/79b0c5581460934e3102a70dd463f1e4f9a70b770a524cd66c1d31a48f7c5669c20fab62ad1b4bd06b35520bae86f910ea91881ac96e58d8787e0b8718c22169","name":"refugee - Foreigners in Germany@1.csv","type":"text/csv","lastModified":1700465595891.327,"size":512},{"id":"b4636fc6adb8f0363e20ada9d79e5e0d007aac278adeef4479b38d7b05837370fd366e44e5b95c886c0bb96e1a3e6b85279e0c4f2dcfb488ff73e1cc88f9ecf7","href":"https://static.observableusercontent.com/files/b4636fc6adb8f0363e20ada9d79e5e0d007aac278adeef4479b38d7b05837370fd366e44e5b95c886c0bb96e1a3e6b85279e0c4f2dcfb488ff73e1cc88f9ecf7","name":"The following overview lists the 1,237 cases sorted by offense - Calculations.csv","type":"text/csv","lastModified":1700465595891.327,"size":313},{"id":"3fb8c841736cd20efbb9ecb5a0ed39f44cbbac5ec6a85ab0982082496b600dfe9336e799ca89661ab2d2395b9fbc34deffb65b01b32d4e891588ee1a3d366ca5","href":"https://static.observableusercontent.com/files/3fb8c841736cd20efbb9ecb5a0ed39f44cbbac5ec6a85ab0982082496b600dfe9336e799ca89661ab2d2395b9fbc34deffb65b01b32d4e891588ee1a3d366ca5","name":"line - unpivoted_transparency_report_numbers (2).csv","type":"text/csv","lastModified":1700465595891.327,"size":1536},{"id":"a0152d9ecbb4b196f9376299b7d61596d047bd9edd57d7341ae56c632d5e8788264fb30a7dce14e70f36800db232d069acd734ebb4fbc2ed46c9cf65c715e6b0","href":"https://static.observableusercontent.com/files/a0152d9ecbb4b196f9376299b7d61596d047bd9edd57d7341ae56c632d5e8788264fb30a7dce14e70f36800db232d069acd734ebb4fbc2ed46c9cf65c715e6b0","name":"line - netz.csv","type":"text/csv","lastModified":1700465595891.327,"size":666},{"id":"c9a81f067179a6def9ff6235ce094a2eccd54f66c02df980f607ab0fcb25968846a7761a0cb51a49bd807282fe7ddd5752ca13932523c9a6bf91b7de57c49bbf","href":"https://static.observableusercontent.com/files/c9a81f067179a6def9ff6235ce094a2eccd54f66c02df980f607ab0fcb25968846a7761a0cb51a49bd807282fe7ddd5752ca13932523c9a6bf91b7de57c49bbf","name":"NetzDG transparency report DATA - Sheet3.csv","type":"text/csv","lastModified":1700465595891.327,"size":426}] 30:{"id":"f2e23222b52c9807","slug":null,"title":"Story 1 - DEURU","thumbnail":"221f277bb6da7076fed0e1423b66b396eecd2beaab3b7fc93022b8f754a10397","access_level":"public","create_time":"$D2023-11-20T07:33:15.891Z","update_time":"$D2023-11-21T22:03:23.308Z","view_time":null,"first_public_time":"$D2023-11-20T07:33:15.891Z","has_unpublished_edits":null,"fork":{"id":"a4bcd29f0ff7c78f","slug":null,"title":"Story 1 - DEURU","owner":{"id":"08b25cc9d2cc09a6","login":"anndawn","name":""}},"stars":0,"starred":false,"owner":{"type":"team","id":"16a10fc53f561ffb","login":"jillian-dudziak-ws","name":"Jillian Dudziak's Workspace","avatar_url":"https://avatars-next.observableusercontent.com/15d08d47267a7a50d20af7357e1aae8378a90649227c52c3d13b5aee0f6d4473","tier":"starter_2024"},"version":539,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"53a6e142a54532c2","login":"jillian-dudziak","name":"Jillian Dudziak","avatar_url":"https://avatars-next.observableusercontent.com/f51c95d8b7aec9528f827e5b97159d84fddad35857a7a04d09829f4df770bf71","tier":null}],"members":[{"type":"individual","id":"53a6e142a54532c2","login":"jillian-dudziak","name":"Jillian Dudziak","avatar_url":"https://avatars-next.observableusercontent.com/f51c95d8b7aec9528f827e5b97159d84fddad35857a7a04d09829f4df770bf71","tier":null,"role":"editor"},{"type":"team","id":"16a10fc53f561ffb","login":"jillian-dudziak-ws","name":"Jillian Dudziak's Workspace","avatar_url":"https://avatars-next.observableusercontent.com/15d08d47267a7a50d20af7357e1aae8378a90649227c52c3d13b5aee0f6d4473","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Story 1 - DEURU","cells":[{"id":0,"value":"# Story 1 - DEURU\n ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":6,"value":"G2Plot = require(\"@antv/g2plot\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":139,"value":"refugee_data=FileAttachment(\"refugee - Foreigners in Germany@1.csv\").csv({typed:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":40,"value":"// Sort lake_data by 'Year' in ascending order\ndata=refugee_data.sort((a, b) => a.Year - b.Year)\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"bar_width=700","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":414,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":197,"value":"Plot.plot({\n marks: [\n Plot.auto(null, {})\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":208,"value":"offence_data=FileAttachment(\"The following overview lists the 1,237 cases sorted by offense - Calculations.csv\").csv({typed:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":213,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":243,"value":"transparency_data=FileAttachment(\"NetzDG transparency report DATA - Sheet3.csv\").csv({typed:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":254,"value":"groupedData = transparency_data.reduce((acc, curr) => {\n if (!acc[curr.platform]) {\n acc[curr.platform] = [];\n }\n acc[curr.platform].push(curr);\n return acc;\n}, {});\n\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":316,"value":"trend_data=FileAttachment(\"line - unpivoted_transparency_report_numbers (2).csv\").csv({typed:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":346,"value":"netz=FileAttachment(\"line - netz.csv\").csv({typed:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":348,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":118,"value":"ccijImageCredit = FileAttachment(\"CCIJ-image-credit.svg\").image()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 31:"$30:body"