Используя пример проработанного D3, получите ошибку Page 404 с моим файлом CSV ⇐ Html

[Anonymous]

Я взял проработанный пример из D3 для нескольких графиков на одном графике, и, загрузив файл CSV, он работал:-< /p>

Код: Выделить всё

// set the dimensions and margins of the graph
var margin = {top: 10, right: 30, bottom: 30, left: 60},
width = 460 - margin.left - margin.right,
height = 400 - margin.top - margin.bottom;

// append the svg object to the body of the page
var svg = d3.select("#my_dataviz")
.append("svg")
.attr("width", width + margin.left + margin.right)
.attr("height", height + margin.top + margin.bottom)
.append("g")
.attr("transform",
"translate(" + margin.left + "," + margin.top + ")");

//Read the data
d3.csv("data/Org.csv", function(data) {

// group the data: I want to draw one line per group
var sumstat = d3.nest() // nest function allows to group the calculation per level of a factor
.key(function(d) { return d.name;})
.entries(data);

// Add X axis --> it is a date format
var x = d3.scaleLinear()
.domain(d3.extent(data, function(d) { return d.year; }))
.range([ 0, width ]);
svg.append("g")
.attr("transform", "translate(0," + height + ")")
.call(d3.axisBottom(x).ticks(5));

// Add Y axis
var y = d3.scaleLinear()
.domain([0, d3.max(data, function(d) { return +d.n; })])
.range([ height, 0 ]);
svg.append("g")
.call(d3.axisLeft(y));

// color palette
var res = sumstat.map(function(d){ return d.key }) // list of group names
var color = d3.scaleOrdinal()
.domain(res)
.range(['#e41a1c','#377eb8','#4daf4a','#984ea3','#ff7f00','#ffff33','#a65628','#f781bf','#999999'])

// Draw the line
svg.selectAll(".line")
.data(sumstat)
.enter()
.append("path")
.attr("fill", "none")
.attr("stroke", function(d){ return color(d.key) })
.attr("stroke-width", 1.5)
.attr("d", function(d){
return d3.line()
.x(function(d) { return x(d.year); })
.y(function(d) { return y(+d.n); })
(d.values)
})

})


< /code>
Я изменил местоположение файла CSV, чтобы быть локальным, что позволило бы протестировать мои адаптации, и он сработал.Time,TimeB,TimeC, Place, Data1, Data2, Data3
2025-03-10,2025-03-10,1, Place1,20.0625,19.76305,47996
2025-03-10,2025-03-10,2, Place2,20.1875,19.88156,49357
2025-03-10,2025-03-10,3, Place3,20.4375,19.98456,50589

Я изменил код, чтобы отразить, что заголовки столбцов различны, и только попытался построить данные1, но я попытался изменить «Год» в «Время» (которое было строкой) или Timeb (дата/время времени) или Timec, что является всего лишь числом. на сервере Apache на локальной машине; И я использовал Firefox и Chromium на машине Ubuntu, с идентичными результатами.
Я не могу понять, почему незначительные изменения в рабочем примере (в моей системе) приводит к разрыву ИТ!>

Подробнее здесь: https://stackoverflow.com/questions/796 ... y-csv-file