lamchau

Example of a D3js time series graph with X,Y crosshairs and a threshold line. Just copy the drawLineGraph function and call it with your data. The data shoud be an array of two element arrays. Something like:

var data = [
    [new Date(2014, 01, 10), 404],
    [new Date(2014, 01, 11), 123],
    [new Date(2014, 01, 12), 666]
    ];
    
var warnLine = { lineValue: 200, label: 'my important threshold' };

lamchau

// https://raw.githubusercontent.com/eligrey/FileSaver.js/master/FileSaver.js
/* FileSaver.js
 * A saveAs() FileSaver implementation.
 * 2014-08-29
 *
 * By Eli Grey, http://eligrey.com
 * License: X11/MIT
 *   See https://github.com/eligrey/FileSaver.js/blob/master/LICENSE.md
 */

lamchau

[
  // remove ST3 3065 file/folder icons
  {
    "class": "icon_file_type",
    "content_margin": [0, 0]
  }, {
    "class": "icon_folder",
    "content_margin": [0, 0]
  }, {
    "class": "icon_folder_loading",

lamchau

(function() {
  var author = "displayName";
  var clickElement = function(element) {
    if (!!!element) {
      return;
    }
    var event = document.createEvent("HTMLEvents");
    event.initEvent("click", true, true);
    event.eventName = "click";
    element.dispatchEvent(event);

lamchau

# Editor backup files
*.bak
*~

lamchau

# Editor backup files
*.bak
*~

lamchau

using System;

namespace ConsoleApplication
{
    enum Suit
    {
        DIAMOND,
        CLUB,
        HEART,
        SPADE

lamchau

This is a six part series, taking you through stages of designing and creating reusable visualizations with d3.js

All visualizations have the same functionality, showcase the individual points with a bar chart and sum up the selected bars.

• Basic Concept (vanilla d3.js)
• Reusability Step
• Angular.js + d3.js
• ember.js + d3.js
• Backbone.js + d3.js
• react.js (& flux concepts) + d3.js <- New

lamchau

[
  // highlight modified files (orange for dirty files, like default theme)
  {
    "class": "tab_label",
    "settings": ["highlight_modified_tabs"],
    "parents": [{
      "class": "tab_control",
      "attributes": ["dirty"]
    }],
    // "fg": [120, 170, 250], // blue

lamchau

[
  // highlight modified files (blue for dirty files, like default theme)
  {
    "class": "tab_label",
    "settings": ["highlight_modified_tabs"],
    "parents": [{
      "class": "tab_control",
      "attributes": ["dirty"]
    }],
    "fg": [20, 100, 220]