Replace csv with hardcoded values

Question

I need replace d3.csv that read data from a file, and replace it with hardcoded data. How to do it in 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)

file (data.csv):

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

I need to not depend on the CSV file.

Gerardo Furtado · Accepted Answer · 2017-11-11 22:18:29Z

1

When you load a CSV with d3.csv, the file is parsed in an array of objects, using the header row to define the key names and the subsequent rows to define the values.

This is what you'll have with your 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>

Therefore, this is the array that you have to hardcode:

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

answered Nov 11, 2017 at 22:18

Gerardo Furtado

102k9 gold badges128 silver badges178 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Replace csv with hardcoded values

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related