Cubism.js is a D3 plugin for visualizing time series.
Cubism is a d3 plugin that constructs realtime dashboards, pulling data from Graphite, Cube and other sources.
It is maintained by Square and available under the Apache License.
Questions tagged [cubism.js]
90 questions
3
votes
1 answer
Why are these Cubism horizon charts squished to the left?
I am loading metrics from Graphite, but when they are rendered on a horizon chart they are squished on the left side of the graph, and not taking the entire width of the graph space. Here's a screenshot to show what I mean:
That data is from the 3…
Joe Shaw
- 22,066
- 16
- 70
- 92
3
votes
1 answer
Change scale default in cubism.js
I'm using cubism.js to graph some static data from a JSON object. We want to be able to display a years worth of data, with a point for each day. I have the solution working partially but I'd like to be able to set the scale independent of today's…
user1440303
- 103
- 6
2
votes
0 answers
Understanding Cubism.js basics
What does context.step(x) and context.size(y) signify ? Does it mean that that the data fetched consists of y values in steps of x seconds and after every x seconds new metric value will be fetched ? Can some please elaborate on this.
Also can we…
mohit gupta
- 29
- 2
2
votes
1 answer
Cubism with genomic data (or non-timeseries data)
I'd like to hear your thoughts on what would it take to make cubism work with non timeseries data, concretely, genomic data.
These type of data has a locus (a chromosome and coordinates within that chromosome) instead of a timestamp:
chrm1 145678123…
drio
- 41
- 4
2
votes
2 answers
How to parallelize d3.js or cubism.js
I'm following the examples on http://adambom.github.io/parallel.js/
Example:
var p = new Parallel([0, 1, 2, 3, 4, 5, 6]),
log = function () { console.log(arguments); };
function fib(n) {
return n < 2 ? 1 : fib(n - 1) + fib(n -…
user1781626
2
votes
2 answers
d3 - Axis Label Transition
In Mike Bostock's cubism demo (http://bost.ocks.org/mike/cubism/intro/demo-stocks.html), there is a cursor which displays the values of all horizon charts on display. Furthermore, the cursor text shows the time axis point in time. As the cursor text…
Shell Haffner
- 21
- 3
2
votes
1 answer
Using CSV data with cubism.js
I am new to cubism.js; but would like to use it to plot some CSV data collected and stored at various rates, anywhere from 60hz to average 20hz.
The file format is:
"TIMESTAMP","RECORD","Ux","Uy","Uz","Ts"
where Ux,y,z is 3d wind speeds, i.e. …
user1961803
- 21
- 1
2
votes
1 answer
Setting height() on horizon context stretches the graph while retaining overplot scaling
In the cubism example, changing the height parameter of context.horizon() to a smaller value causes the graph to overplot itself more. The opposite is true for increasing the value - there is less overplotting.
However, when I change the height…
Abe Stanway
- 95
- 4
2
votes
1 answer
Cubism.js - range to color mapping
I'm using cubism.js to generate a CPU utilization timeseries. I have the series displaying however I'm noticing something strange regarding how colors are assigned to values.
For example the value 10 is getting the same color as value 100 (red). …
toaler
- 41
- 4
1
vote
0 answers
d3 static Cubism chart - can't get data input right
I'm trying to make a static cubism chart like this http://bl.ocks.org/bae25/10797393
The csv file ("cubism_test.csv") looks something like…
Michael B
- 71
- 2
- 8
1
vote
0 answers
How customize Cubism.js plugin to accept data from other sources like a two dimensional data array
I'm new to Javascript. There's a requirement to draw a time series graph using cubism.js with the data from a two-dimensional data array.
Is there anyone who have tried this already?
Can anyone help me to solve this tricky part?
Here is my code, in…
Stan
- 11
- 4
1
vote
2 answers
Trouble getting element for d3 in Polymer
I'm trying to implement cubism and I'm using d3.js v2 in my polymer component. The very first step is selecting the DOM element for the chart:
d3.select("#example1").call(function(div) {
...
});
This returns the following error on line 1205 of…
user736893
1
vote
2 answers
Cubism and metrics in Elasticsearch (statsd/diamond)
In a test environment setup, I'm using diamond to send server stats and metrics to statsd and then using statsd's elasticsearch backend to send them to elasticsearch.
The elasticsearch data looks like this:
{
"hits" : {
"hits" : [ {
…
adele dazim
- 527
- 9
- 20
1
vote
1 answer
Cubism not plotting updated data on callbacks
So my goal is to plot some real-time metrics that are stored in a backbone collection. I have a backbone collection that stores metrics, it's updated every second when I poll the backend server. My collection has an array of historical metrics and a…
capkutay
- 183
- 2
- 11
1
vote
1 answer
Render cubism horizon graph using custom width
I'm trying to render real-time data using Cubism. Every 5 seconds I'm using a custom metric to poll my own data source and I'm displaying the last 2 hours of data. I'm building my context with:
var context =…
Joe Fiorini
- 641
- 5
- 15