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
1
vote
1 answer
axis scale in cubism context in d3.js
I have been playing around with cubism and wanted to give try to stock example at http://bost.ocks.org/mike/cubism/intro/demo-stocks.html
The csv files have 1280 values for each stock with last value from May 1, 2012 but the displayed timeline shows…
Tk k
- 11
- 3
1
vote
1 answer
how to scrape real-time data and load it into cubism.js
I want to gain experience using cubism.js
I found this dataset nyc real-time traffic I want to graph.
I need some tips on how to get this done.
I know I can use python to query the txt file every N minutes. I would then store the last M minutes of…
Harry Moreno
- 10,231
- 7
- 64
- 116
0
votes
1 answer
Unable to resize Cubism graph D3.js
I got the cubism code from the Cubism Demo. The timeframe by default in the demo code is 4 hours. I'm trying to reduce it to 15 min. I successfully modified the option to make it 15 min but the graph got shrinked.
Here is the JavaScript code :
var…
iJade
- 23,144
- 56
- 154
- 243
0
votes
1 answer
Reset or Clear Cubism Graph
I'm trying to reset or clear the D3.js cubism graph so that it starts fresh. Here is the code :
$(function(){
// create new cubism.js context to render
var graphContext = cubism.context()
.serverDelay(1000) // allow 1second delay
…
iJade
- 23,144
- 56
- 154
- 243
0
votes
1 answer
Cubism d3 dependency with requirejs
I am having difficulty declaring the cubism's dependency on d3, when using require.js.
Config is as:
requirejs.config({
baseUrl: './',
paths: {
'jquery': './jquery-1.10.2.min',
'd3': './d3.min',
'cubism': './cubism.v1'
},
shim:…
Moh Moh Oo
- 269
- 1
- 3
- 19
0
votes
1 answer
Pubnub and Cubism.js
I'm using pubnub to power a dashboard I'm developing. All my widgets are based on code like this:
Polymer({
is: 'widget-horizon',
properties: { ... },
ready: function() {
registerCallback(this.channel, function (data) {
…
user736893
0
votes
0 answers
Replacing Smoothie Charts with Cubism, or, feeding realtime chart with pubsub data
So I have Faye set up on node.js doing pubsub type stuff for a time-series chart. With Smoothie Charts it looks like this:
//set up faye subscription
var subscription = client.subscribe('/myfeed', function(message) {
//add data to appropriate…
user736893
0
votes
1 answer
GitHub like Horizon charts with Cubism.js
Is it possible to plot two values at the same time on the same axis with Cubism like GitHub does for their code-frequency charts? I tried searching the web with no luck and it's not there in the documentation either. If it's not possible with…
user291656
0
votes
1 answer
Pass parameters to javascript functions which is bind to events
I have a function like this :
var that = this;
this.context.on('focus', function(i) {
var htmlElement = ele;
var style = {left: 'auto', color: '#000000'};
if(i !== null) {
i = that.context.size()/2;
style.left =…
Araknid
- 476
- 4
- 10
0
votes
1 answer
can we set cubism.js y-axis no up limit?
I am using cubism.js to show my data, but my data do not have up limit, or my data will change a lot.
Please help me!
div.append("div")
.attr("class", "horizon")
.call(context.horizon()
.height(240)
.mode("offset")
…
Blast of Tempest
- 31
- 5
0
votes
1 answer
Cubism js - plotting data between a given time range
start date/time: 1 Jan 2014 10:30:00
end date/time: 1 Jan 2014 14:30:00
step: every 5 minutes
plot values provided
function myMetrics(name) {
return context.metric(function(start,stop,step,callback){
var values = [];
…
Nathan Sevugan
- 1
- 1
0
votes
1 answer
Extend data to extent of graph
I have time-sensitive data that ranges from now until 7 days from now with hourly resolution ~220 values. I was able to get them to plot following Mike Bostock's demo here: http://bost.ocks.org/mike/cubism/intro/demo-stocks.html
but I can't seem to…
Jonathan
- 894
- 2
- 9
- 20
0
votes
1 answer
AngularJS a scope variable is not updated in an anonymous callback function in directive
I've been trying to make a cubism.js graph with polled data (every second) from REST API.
It seems like a correct value is passed to the directive, but it is not passed to an anonymous callback function.
If I am understanding correctly, the…
SJ Lee
- 11
- 2
0
votes
2 answers
REFERENCE Modify Cubism.js Graphite Title Text , Can not see data on screen
I have a graphite server running and collecting data. This has been working for months.
I found cubism.js and I want to make it work and have had zero luck. Using the code found here under Modify Cubism.js Graphite Title Text. I can not get…
0
votes
1 answer
override extent for one horizon instance
I have a series of horizon graphs that have been created like this:
d3.select("body")
.selectAll(".horizon")
.data(metrics)
.enter()
.append("div")
.attr("class", "horizon")
.attr("id", function(d){return d.toString();})
…
wfaulk
- 1,765
- 1
- 17
- 24