csvをハードコードされた値に置き換えます。

Question

ファイルのデータを読み込み、ハードコードされたデータで置き換えるd3.csvを置き換える必要があります。どのようにd3でそれを行うには？

var width,height 
var chartWidth, chartHeight 
var margin 
var svg = d3.select("#graph").append("svg") 
var chartLayer = svg.append("g").classed("chartLayer", true) 

d3.csv("data.csv", cast, main) 

ファイル（data.csv）：

name,value 
hoge,100 
hellow, 312 
world, 222 
fuga, 254 

私はCSVファイルに依存しないようにする必要があります。

Answer 1

d3.csvを使用してCSVをロードすると、ヘッダー行を使用してキー名を定義し、後続の行を使用して値を定義することで、ファイルがオブジェクトの配列で解析されます。

これはあなたのCSVでありますものです：

var csv = `name,value 
 
hoge,100 
 
hellow, 312 
 
world, 222 
 
fuga, 254`; 
 

 
var data = d3.csvParse(csv); 
 

 
console.log(data);

<script src="https://d3js.org/d3.v4.min.js"></script>

したがって、これはあなたがハードコーディングする必要が配列である：

[{ 
    "name": "hoge", 
    "value": "100" 
}, { 
    "name": "hellow", 
    "value": " 312" 
}, { 
    "name": "world", 
    "value": " 222" 
}, { 
    "name": "fuga", 
    "value": " 254" 
}]