Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Initial checkin of Metrics LineGraph Component #1098

Merged
merged 1 commit into from
May 22, 2015

Conversation

mrtracy
Copy link
Contributor

@mrtracy mrtracy commented May 21, 2015

Commit creates the first version of a reusable LineGraph component, which graphs
the results of cockroach time series query.

It's a bit bare-bones in appearance, but is already reusable and should provide
a good foundation for building our admin monitor pages.

@tbg tbg added the PTAL label May 21, 2015
@BramGruneir
Copy link
Member

Can you add a screenshot?

@@ -23,6 +23,7 @@
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,900|Source+Code+Pro' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="/css/app.css">
<link rel="stylesheet" href="/css/rest_explorer.css"> <!-- TODO(andybons): @import-like behavior -->
<link rel="stylesheet" href="/css/graph.css"> <!-- TODO(andybons): @import-like behavior -->
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

drop the todo

@BramGruneir
Copy link
Member

LGTM

Commit creates the first version of a reusable LineGraph component, which graphs
the results of cockroach time series query.

It's a bit bare-bones in appearance, but is already reusable and should provide
a good foundation for building our admin monitor pages.
mrtracy added a commit that referenced this pull request May 22, 2015
Initial checkin of Metrics LineGraph Component
@mrtracy mrtracy merged commit 137879a into master May 22, 2015
@tbg tbg removed the PTAL label May 22, 2015
@mrtracy mrtracy deleted the mtracy/graph_component branch May 22, 2015 16:13
@spencerkimball
Copy link
Member

Matt, I think we shouldn't spend time doing our own graphs!

Let's use: http://c3js.org/

@spencerkimball
Copy link
Member

There's also http://nvd3.org/

and http://fastly.github.io/epoch/
The timeseries-based real time charts are cool: http://fastly.github.io/epoch/real-time/

This one is pretty amazing: http://dc-js.github.io/dc.js/

Not bad for time series info: http://square.github.io/cubism/

@mrtracy
Copy link
Contributor Author

mrtracy commented May 23, 2015

Using a library is the plan, this checkin was mostly to 1. Get the data from our endpoint and 2. Make a mithril component that gets the data in a predictable way.

The d3 stuff was just copy/pasted from one of d3's line chart demos. I spent some time to understand how the library worked at a basic level, but I was planning to go with the rickshaw library.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants