D3.js - Donut

Das CEC-Skript ganz zu Anfang des Beispiels: Es werden CSV-Daten angefordert (F:CSV - Format = CSV). Grundlage ist der aktuelle Schnappschuss (#CURRENT - siehe 2. Hilfe - Wie Sie den aktuellen Schnappschuss im CEC-Skript nutzen). Analysiert werden Basis-Informationen (basic-information - siehe https://github.com/notesjor/CorpusExplorer.Terminal.Console) und das Ergebnis wird in eine Datei ("> basic.csv" - siehe Hilfe - 4. Wie Sie die Ausgabe in eine Datei umleiten und darauf zugreifen) umgeleitet.
Weitere Kommentare direkt im Quellcode (siehe Hervorhebung).

Beispiel:

/*CEC

F:CSV #CURRENT basic-information > basic.csv

<!DOCTYPE html>

<style>

.arc text {

font: 10px sans-serif;

text-anchor: middle;

}

.arc path {

stroke: #fff;

}

</style>

<body>

var width = 960,

height = 500,

radius = Math.min(width, height) / 2;

var color = d3.scale.ordinal()

.range(["#98abc5", "#8a89a6", "#7b6888", "#6b486b", "#a05d56", "#d0743c", "#ff8c00"]);

var arc = d3.svg.arc()

.outerRadius(radius - 10)

.innerRadius(radius - 70);

var pie = d3.layout.pie()

.sort(null)

.value(function(d) { return d.value; }); // d.value - mapping der CSV-Daten

var svg = d3.select("body").append("svg")

.attr("width", width)

.attr("height", height)

.append("g")

.attr("transform", "translate(" + width / 2 + "," + height / 2 + ")");

// d3.csv("#WWWROOT/basic.csv" - D3.js leißt die CSV-Datei ein. siehe #WWWROOT

d3.csv("#WWWROOT/basic.csv", type, function(error, data) {

if (error) throw error;

var g = svg.selectAll(".arc")

.data(pie(data))

.enter().append("g")

.attr("class", "arc");

g.append("path")

.attr("d", arc)

.style("fill", function(d) { return color(d.data.param); }); // d.data.param - mapping der CSV-Daten

g.append("text")

.attr("transform", function(d) { return "translate(" + arc.centroid(d) + ")"; })

.attr("dy", ".35em")

.text(function(d) { return d.data.param; }); // d.data.param - mapping der CSV-Daten

});

function type(d) {

d.value = +d.value; // d.value - mapping der CSV-Daten

return d;

}

</script>