stream-graph | 易学教程

How do I use mutationobserver instead of mutation events?

阅读更多关于 How do I use mutationobserver instead of mutation events?

问题 I am trying to create my first streamgraph with D3.js. I am starting with a working example which incorporates a tooltip from code posted on-line, http://bl.ocks.org/WillTurman/4631136: When I copy the index.html and data.csv files to my PC (Windows 7), I am able to see the streamgraph in a browser (Firefox). However, I get a JS warning, " Use of Mutation Events is deprecated. Use MutationObserver instead. " What lines of code correspond to the Mutation Event? And how should I edit them to

How to make D3 Streamgraph vertically

阅读更多关于 How to make D3 Streamgraph vertically

问题 I'm new in D3, so my question probably is pretty simple, but for me it's a big problem right now. Question: How to make Streamgraph vertically? my JSFiddle I have this: I should have this: Fiddle is here JS var dataMetric = [ { "id": 1, "title": "Little Inc", "metrics": { "offers": 665, "shares": 20, "landings": 1124, "leads": 1102, "purchases": 88, "friends": 74 } }, { "id": 2, "title": "Marvin LLC", "metrics": { "offers": 20, "shares": 2, "landings": 20, "leads": 25, "purchases": 28,

How to attach properties other than x,y,y0 to a layer of streamgraph in d3?

阅读更多关于 How to attach properties other than x,y,y0 to a layer of streamgraph in d3?

问题 I am a d3 newbie and I've been trying to customize the Streamgraph example (http://mbostock.github.com/d3/ex/stream.html): I have run into some issues: I want to assign a custom data property (for examples sake, lets just say its a label called "type") to each layer in the stream so that when you hover over that layer, a popup box appears with the "type" listed for that layer. When I input my data source into the graph I use this code: vis.selectAll("path") .data(data0) .enter().append("path"

right JSON format structure for Streamgraph example D3

阅读更多关于 right JSON format structure for Streamgraph example D3

问题 I was trying to do some examples with this streamgraph layout of D3.js. My data has this format. So the my object has objects with the name of the country andy in those objects i have several arrays with different values per month and the date for each month ("Datum") { "Irak": { "Asylberechtigt": [ 65, 60, 54, 47, 47, 30, 25, 21, 12, 6 ], "EntscheidungenInsgesamt": [ 8645, 7559, 6533, 5425, 4351, 3336, 2643, 2022, 1270, 645 ], "InsgesamtMonat": [ 1086, 1026, 1108, 1074, 1015, 693, 621, 752,

right JSON format structure for Streamgraph example D3

阅读更多关于 right JSON format structure for Streamgraph example D3

Streamgraphs in R?

阅读更多关于 Streamgraphs in R?

问题 Are there any implementations of Streamgraphs in R? Streamgraphs are a variant of stacked graphs and an improvement on Havre et al.'s ThemeRiver in the way the baseline is chosen, layer ordering, and color choice. Example: Reference: http://www.leebyron.com/else/streamgraph/ 回答1: I wrote a function plot.stacked a while back that might be able to help you out. The function is: plot.stacked <- function(x,y, ylab="", xlab="", ncol=1, xlim=range(x, na.rm=T), ylim=c(0, 1.2*max(rowSums(y), na.rm=T)

Updating D3 streamgraph with new data

阅读更多关于 Updating D3 streamgraph with new data

问题 I have a streamgraph and I would like to update it by changing its data. I have a line graph which transitions between data sets perfectly and I am trying to adapt the same code for my streamgraph but with little success. I can change the color of each stream but not the data. Here is my update line function function UpdateData() { // Get new data d3.csv("data2.csv", function(data) { data.forEach(function(d) { d.date = parseDate(d.date); d.age = +d.age; }); // Rescale range x.domain(d3.extent

Need help plotting area between multivariate lines - not from axis to line

阅读更多关于 Need help plotting area between multivariate lines - not from axis to line

问题 I'm brand new to d3.js, and I'm struggling to fill in the area between lines in a multivariate percentile graph. I don't want any area filled below the bottom most line, or above the top most line. The first column will always be at the bottom of the graph (5th percentile) The last column will always be at the top of the graph (95th percentile) I need separate area segments between each line I know I need to define an area to fill between (y0, y1) like so: var area = d3.svg.area() .x(function

transition when adding new data to d3 streamgraph

阅读更多关于 transition when adding new data to d3 streamgraph

问题 I use d3 to draw a stream graph very similar to the official example http://bl.ocks.org/mbostock/4060954: The only difference is how I updated it with new data. I don't only want a vertical (y-value) transition, but also want to add new data points on the right. The whole graph should become compressed in the horizontal direction. It was no problem to achieve the desired result, the only problem is that the transition between the two states does not look as expected. You can find a a minimal

Updating D3 streamgraph with new data

阅读更多关于 Updating D3 streamgraph with new data

I have a streamgraph and I would like to update it by changing its data. I have a line graph which transitions between data sets perfectly and I am trying to adapt the same code for my streamgraph but with little success. I can change the color of each stream but not the data. Here is my update line function function UpdateData() { // Get new data d3.csv("data2.csv", function(data) { data.forEach(function(d) { d.date = parseDate(d.date); d.age = +d.age; }); // Rescale range x.domain(d3.extent(data, function(d) { return d.date; })); y.domain([0, d3.max(data, function(d) { return Math.max(d.age)