地震が起きたときの地図上に震度が表示されるやつが気になったから作ってみた

constd3=Object.assign({},require('d3'),require('d3-queue'));constfs=require('fs');constsimplify=require('simplify-geojson')...// 日本地図を読み込むconstq=d3.queue().defer(fs.readFile,map);q.awaitAll((err,files)=>{if(err)throwerr;vardata=JSON.parse(files);// 地図を少し単純化するdata=simplify(data,resolution);// 地図のどこを描画するかvaraProjection=d3.geoMercator().center(center).translate([width/2,height/2]).scale(def_scale*_scale);vargeoPath=d3.geoPath().projection(aProjection);// SVGの設定varsvg=d3.select(document.body).append('svg').attr('xmlns','http://www.w3.org/2000/svg').attr('width',width).attr('height',height).attr('xmin',aProjection.invert([0,0])[0]).attr('xmax',aProjection.invert([width,height])[0]).attr('ymin',aProjection.invert([width,height])[1]).attr('ymax',aProjection.invert([0,0])[1]).attr('scale',aProjection.scale()).attr('encoding','utf-8').style('background-color',sea_color);// 地図を描画させるsvg.append('path').datum(data).attr('d',geoPath).attr('stroke-width',1).attr('stroke-linejoin','round').attr('stroke-linecap','round').style('fill',land_color).style('stroke',stroke_color);...}