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

Ideas for distinct layering of stacked graph in D3.js

i have data for the first and following attempt of seeking asylum in germany for refugees and therefore two graphs which are looking like this First one Second one Transition from one to another shoulnd't be a problem i suppose but what I want is…
basedian
  • 307
  • 1
  • 5
  • 18
2
votes
1 answer

d3.layout.stack() with 'wiggle' offset issue

I wrote a function in d3 in order to create multiple plots showing different datasets in the sampe page. I'm using streamgraph and stack layout, and I cannot understand why with the same code I can generate plots using as offset zero, expand and…
chobin
  • 165
  • 1
  • 11
2
votes
1 answer

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…
DrewP84
  • 383
  • 3
  • 16
2
votes
1 answer

streamgraph from .csv file in D3

I want to build a stream graph from data in a .csv file. I forked http://bl.ocks.org/lgrammel/1935509 to generate the stream graph, but I got stuck loading the data. My JS is below. var n = 8, // number of layers m = 54; // number of samples…
Miklós Koren
  • 158
  • 2
  • 8
2
votes
0 answers

D3 streamgraph calculates NaN for y0

I try to build a streamgraph to visualize similar terms over time, but it always returns NaN for y0. I compared my solution with several ones on the internet but can't make out a difference. Here is the code: github.com/adius/simterm Any help would…
adius
  • 13,685
  • 7
  • 45
  • 46
2
votes
3 answers

D3.js streamgraph example - generating correct area function values

I'm new to d3js and trying to adapt the streamgraph example from here http://bl.ocks.org/mbostock/4060954: ...to work with my own data that tracks visitors to an art exhibition from different places (online, guestbook, museum). I've made some…
kanarinkabot
  • 73
  • 1
  • 6
2
votes
2 answers

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…
Daft
  • 10,277
  • 15
  • 63
  • 105
2
votes
1 answer

Add updating tooltips to a streamgraph

I have a streamgraph and I would like to add tooltips that appear when the mouse hovers over each stream, exactly like this example: http://archive.stamen.com/mtvmovies-streamgraph/index.html I have tooltips which do something similar at the…
Daft
  • 10,277
  • 15
  • 63
  • 105
2
votes
1 answer

Readable labels for D3 streamgraph

I'm trying to apply readable labels to a D3 Streamgraph that is rendered using completely dynamic data - various different datasets that are evolving over time from live data and the controls offered to manipulate what is shown too. All this works…
2
votes
1 answer

Streaming Graph: two questions

I have been playing with D3.js and I am trying to make a Streaming Graph visualization using real-time data. I did study very much this article http://bost.ocks.org/mike/path/ I also read this question and answers Svg clip-path within rectangle…
ahebert
  • 63
  • 8
1
vote
1 answer

stacked line/area graph in matplotlib

I have a question regarding matplotlib and I already know that what I am doing is not statistically / mathematically correct in a way but I want visualize anyways using stacked line / area graphs. The measurements I have do not use the same x axis…
moin moin
  • 2,263
  • 5
  • 32
  • 51
1
vote
1 answer

Draw a vertical band at the maximum value of a single-stream streamgraph in d3js that respects the bounds of curve?

Question: how do we draw a vertical band at the maximum value of a single-stream streamgraph in d3js that respects the bounds of curve? editable streamgraph example. Imagine this is the original streamgraph: The question is focused on how we create…
blehman
  • 1,870
  • 7
  • 28
  • 39
1
vote
0 answers

How to show streamgaph axes correctly in R-shiny?

I was using streamgraph. It was working fine on standalone program, however, it was not working as expected on r-shiny. On R-shiny, the X-Axis just disappeared. Please see the figures attached. Can anyone please help me with this? Thank you. Code to…
Droid-Bird
  • 1,417
  • 5
  • 19
  • 43
1
vote
0 answers

Set arbitrary center in streamgraph offset

I have data in a streamgraph stack layout and the desired aesthetic I'm after is to assign an arbitrary series as the center line(s). Series above those lines (as determined by their index in the data) will stack on top and series below that line…
mhkeller
  • 713
  • 1
  • 8
  • 19
1
vote
1 answer

Creating a streamgraph in R

I would like to visualize my data frame which contains 5 numeric values that change over time. I would like to visualize it using a streamgraph, but I don't seem to be doing it the right way. Here is the official site of the R package to make these…
pitbbul
  • 353
  • 2
  • 11