Questions tagged [stream-graph]

chart used for plotting time series data by their relative area

chart used for plotting time series data by their relative area

47 questions
36
votes
5 answers

Streamgraphs in R?

How can I implement 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:…
Clair Crossupton
  • 1,332
  • 2
  • 10
  • 16
20
votes
2 answers

D3 Real-Time streamgraph (Graph Data Visualization)

I would like a stream graph as in this example: http://mbostock.github.com/d3/ex/stream.html but I would like real time data entering from the right and have old data leave from the left, such that I always have a window of 200 samples. How would I…
rustybeanstalk
  • 2,722
  • 9
  • 37
  • 57
6
votes
1 answer

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…
dedan
  • 337
  • 3
  • 15
4
votes
1 answer

How to make a stream graph responsive (d3.js)?

I'm making a stream graph using d3.js for my company, and I'm wondering how to make it responsive. My code isn't much different from this example: http://bl.ocks.org/mbostock/4060954 I've been playing with setting viewBox="0 0 height width" and…
Gina
  • 570
  • 2
  • 5
  • 20
4
votes
1 answer

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…
4
votes
1 answer

Stacked line charts or streamgraphs in Raphael?

Does anyone have any examples of stacked graphs (or stream graphs) in Raphael? I'm wondering if there is a working Raphael equivalent of this D3 streamgraph: The closest I've seen is this line chart example: I guess I could just knock up a stacked…
Richard
  • 31,629
  • 29
  • 108
  • 145
3
votes
2 answers

d3.js: How to add a data key?

I'm learning D3.js and trying to get my head around data keys used with streamgraphs. I would like to adapt the official streamgraph example: ...so that each path has an explicit data key, and so that the mouseover logs the data key. The official…
Richard
  • 31,629
  • 29
  • 108
  • 145
3
votes
1 answer

Adding labels to a pv.Layout.Stack (streamgraph) in Protovis

I'm working with the Protovis library to do a streamgraph of data. I want to label the different layers with the "words" array. I can't seem to get the words to line up how I'd like. I want them to be inserted where the graph is the largest for that…
Josh O'Bryan
  • 327
  • 2
  • 9
3
votes
1 answer

How do I animate a protovis streamgraph?

I'm having trouble figuring out how to animate a protovis streamgraph. I think the best way is to simply pass an array of i, j indexes to .layers() and have the .x() and .y() functions look up the actual updating values. Is there a simpler way?
joeforker
  • 40,459
  • 37
  • 151
  • 246
3
votes
0 answers

Make Real-Time StreamGraph (Graph Data Visualization) in Java

I'm looking for an example of a real-time graph data visualizatior in Java, but i've only found this one, and it's not a dynamic real time visualizator: import java.awt.BasicStroke; import java.awt.Color; import java.awt.Dimension; import…
Jonathan Solorzano
  • 6,812
  • 20
  • 70
  • 131
3
votes
1 answer

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":…
Anton Rodin
  • 991
  • 2
  • 12
  • 19
3
votes
1 answer

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…
2
votes
1 answer

Can a streamgraph be zoomable?

I find a example on streamgraph and I wonder if this graph can be zoomable like line chart zoomable line chart? I have not found any example like "zoomable streamgraph". So is this possible in d3?
nsknsl
  • 147
  • 2
  • 11
2
votes
0 answers

Need to add info/tooltip points on streamgraph in R

I have a streamgraph similar to this, library(dplyr) library(babynames) library(streamgraph) babynames %>% filter(grepl("^Kr", name)) %>% group_by(year, name) %>% tally(wt=n) -> baby_names head(baby_names) streamgraph(baby_names,…
Droid-Bird
  • 1,417
  • 5
  • 19
  • 43
2
votes
2 answers

[Python+Altair (Vega-lite)]: Streamgraph from excel-like Pandas' Dataframe

I have a Pandas' Dataframe I would like to visualize using Altair, but it looks like the library syntax is yet above my skills: Time WL1 WL2 WL3 WL4 0 2017-04-05 09:15:00 103448.0 100776.0 71581.1 81118.2 1…
Alex Poca
  • 2,406
  • 4
  • 25
  • 47
1
2 3 4