content = "新华社北京2月19日电 国务院总理李克强日1111111前签署国务院令，公布《医疗保障基金使用2222222监督管理条例》（以下简称《条例》），自2021年5月1日33333起施行。"
{
const node = DOM.svg(
width,
height
);
const svg = d3.select(node);
svg
.append('rect')
.attr('x',0)
.attr('y',0)
.attr('width',width)
.attr('height',height)
.attr('fill',background);
svg.selectAll("text")
.data(data)
.join("text")
.attr('x',50)
.attr("y", (d, i) => i * 20 + 50)
.text(d => d)
.attr('fill','black');
return node;
}
data = textbox(content,18)
function textbox (content, chars) {
let temp = Array.from(content);
let paragraph =[];
paragraph[0]="";
let j=0;
let offset = 0,start = 0;
var pattern = new RegExp("[A-Za-z0-9. ]+"); //filter
for (var i = 0; i < temp.length; i++ ){
if(pattern.test(temp[i])){
offset += 1;
};
if ( i == start + chars + Math.floor(offset / 3)){
start = i;
offset = 0;
j++;
paragraph[j] ="";
}
paragraph[j] += temp[i];
console.log(paragraph[j])
}
return paragraph
}
background = "#eee";
width = 960;
height = 400;
d3 = require ("d3@5");
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
