Stack Overflow
Stack Overflow

Questions tagged [cubism.js]

Cubism.js is a D3 plugin for visualizing time series.

Cubism is a plugin that constructs realtime dashboards, pulling data from Graphite, Cube and other sources.

It is maintained by Square and available under the Apache License.

90 questions
19
votes
1 answer

Using Other Data Sources for cubism.js

I like the user experience of cubism, and would like to use this on top of a backend we have. I've read the API doc's and some of the code, most of this seems to be extracted away. How could I begin to use other data sources exactly? I have a data…
Miles McCrocklin
  • 920
  • 2
  • 9
  • 12
10
votes
2 answers

Are there any tutorials or examples for cubism.js + WebSocket?

Are there any tutorials specifically about connecting WebSockets (or other non-polling data source) and cubism.js? In particular, I'd like to be able to create a real time graph of data streaming from server, visually similar to example on the…
Martin
  • 770
  • 6
  • 22
8
votes
1 answer

Using server-sent events with cubism.js graphs

Can cubism.js graphs be populated with data received from server-sent events? If so, would this be easy to implement? Thank you, /David
OG Dude
  • 936
  • 2
  • 12
  • 22
6
votes
1 answer

Cubism.js / d3.js Scale and Extent

Can someone provide some insight on how scales and extents work together in cubism.js .call(context.horizon() .extent([-100, 100]) .scale(d3.scale.linear().domain([-10,10]).range([-100,100]) ) …
user1781626
6
votes
1 answer

How do I change the step for Cube metrics?

I am just starting out with cubism.js Stripping down the example code I am able to show two metrics .. one calculated (kpi1) -- random function , one from Cube (kpi2). It works perfect at a context step of 1e4 as soon as I change it to 1e3 the…
user1771703
  • 61
  • 2
6
votes
3 answers

Smooth Javascript mousemove similar to Cubism.js

I'm curious how Mike Bostock was able to create a vertical line that follows your mouse cursor in such a smooth way. If you look here http://square.github.com/cubism/ , you can see what I'm talking about. Take a look at a quick example I just made…
frshca
  • 1,309
  • 2
  • 15
  • 24
5
votes
1 answer

Cubism.js with window resize

I love cubism.js and we use it everyday I'm defining custom size charts for each device to make use of the full screen size (phone vs desktop) which I really hate I know from other stack overflow questions that you can do the following to resize the…
user1781626
5
votes
1 answer

Cubism.js: Ruler doesn't follow the cursor exactly (not on the right location)

My problem is that the ruler doesn't exactly land on the cursor as in the screenshot and I'm not sure where to start looking in order to fix it. Any advice?
user1781626
5
votes
1 answer

Interpolation on Cubism graphs

Cubism was designed, by mbostock's own words, for maximum information density - which means it generally wants to display one datapoint per pixel. While this is useful in many cases, it doesn't help when your data itself is not that dense. In these…
Abe Stanway
  • 95
  • 4
5
votes
1 answer

Can we use custom JSON Data on Cubism?

I saw the cubism graphs and they are simply amazing. I have a big JSON file with 1000 entries that have a timestamp and a value (integer). Can Cubism graph those or not?! I can't seem to find documentation on this...
abisson
  • 4,365
  • 9
  • 46
  • 68
4
votes
2 answers

Historical data using Cubism

I have been playing with Cubism for a few days now. After successfully visualizing real time data, now I'm trying to visualize historical data. Here is my scenario: I want to make a history page for each user with each horizon bar showing for each…
Dan
  • 801
  • 2
  • 14
  • 29
4
votes
1 answer

How to access internal dashboards in Cube?

I am currently playing around with Cube . I have been able to send events to an evaluator and can query these via HTTP GET. How do I go about making a customized dashboard to visualize the events/queries? I saw this website…
user1637812
  • 41
  • 1
3
votes
2 answers

Cubism.js with mongodb and live data

Is anyone aware of a tutorial or an example that will allow me to do the following: I am inserting live data into mongodb, and would like to visualize it live as a horizon chart by using cubism.js. The visualization should happen as the data is…
user1094206
  • 920
  • 1
  • 12
  • 24
3
votes
1 answer

Can't find Graphite metrics using Cubism.js

The following command returns the metrics as expected: curl "http://graphite.metrics:8080/metrics/find?format=completer&query=server*.cache" {"metrics": [ {"is_leaf": "1", "path": "server1200.cache", "name": "cache"}, {"is_leaf": "1", "path":…
user1916077
  • 431
  • 1
  • 7
  • 18
3
votes
1 answer

Color bands for cubism.js

Can someone point me in the direction of what I should be tweaking to get deterministic color band? For example, if they array of colors contains 6 colors, I would like the values 10-30 to always go to the 5th color band, 50-80 to the 6th, etc. (in…
Yana K.
  • 1,926
  • 4
  • 19
  • 27
1
2 3 4 5 6