angular2-nvd3/src/test/sample-data.ts

Angular2 module for NVD3 chart

import * as d3 from 'd3';

export namespace SampleData {
  export const chartTypes = [
    'lineChart',
    'discreteBarChart',
    'pieChart',
    'scatterChart',
    'multiBarChart',
    'multiBarHorizontalChart',
    'candlestickBarChart',
    'ohlcBarChart',
    'boxPlotChart',
    'multiChart',
    'sunburstChart',
    'stackedAreaChart',
    'cumulativeLineChart',
    'historicalBarChart',
    'parallelCoordinates',
    'sparklinePlus',
    'bulletChart',
    'linePlusBarWithFocusChart',
    'forceDirectedGraph'
  ];
  export const allOptions = {
    lineChart: {
      chart: {
        type: 'lineChart',
        height: 450,
        x: function (d) { return d.x; },
        y: function (d) { return d.y; }
      }
    },
    discreteBarChart: {
      chart: {
        type: 'discreteBarChart',
        height: 450,
        x: function (d) { return d.label; },
        y: function (d) { return d.value; }
      }
    },
    pieChart: {
      chart: {
        type: 'pieChart',
        height: 500,
        x: function (d) { return d.key; },
        y: function (d) { return d.y; }
      }
    },
    scatterChart: {
      chart: {
        type: 'scatterChart',
        height: 450
      }
    },
    multiBarChart: {
      chart: {
        type: 'multiBarChart',
        height: 450,
        stacked: true
      }
    },
    candlestickBarChart: {
      chart: {
        type: 'candlestickBarChart',
        height: 450,
        x: function (d) { return d['date']; },
        y: function (d) { return d['close']; }
      }
    },
    ohlcBarChart: {
      chart: {
        type: 'ohlcBarChart',
        height: 450,
        x: function (d) { return d['date']; },
        y: function (d) { return d['close']; }
      }
    },
    boxPlotChart: {
      chart: {
        type: 'boxPlotChart',
        height: 450,
        x: function (d) { return d.label; }
      }
    },
    multiChart: {
      chart: {
        type: 'multiChart',
        height: 450
      }
    },
    sunburstChart: {
      chart: {
        type: 'sunburstChart',
        height: 450
      }
    },
    stackedAreaChart: {
      chart: {
        type: 'stackedAreaChart',
        height: 450,
        x: function (d) { return d[0]; },
        y: function (d) { return d[1]; }
      }
    },
    multiBarHorizontalChart: {
      chart: {
        type: 'multiBarHorizontalChart',
        height: 450,
        x: function (d) { return d.label; },
        y: function (d) { return d.value; }
      }
    },

    cumulativeLineChart: {
      chart: {
        type: 'cumulativeLineChart',
        height: 450,
        x: function (d) { return d[0]; },
        y: function (d) { return d[1] / 100; },
        average: function (d) { return d.mean / 100; }
      }
    },
    historicalBarChart: {
      chart: {
        type: 'historicalBarChart',
        height: 450,
        x: function (d) { return d[0]; },
        y: function (d) { return d[1] / 100000; }
      }
    },
    parallelCoordinates: {
      chart: {
        type: 'parallelCoordinates',
        height: 450,
        dimensionData: [
          'economy (mpg)',
          'cylinders',
          'displacement (cc)',
          'power (hp)',
          'weight (lb)',
          '0-60 mph (s)',
          'year'
        ]
      }
    },
    sparklinePlus: {
      chart: {
        type: 'sparklinePlus',
        height: 450,
        x: function (d, i) { return i; }
      }
    },
    bulletChart: {
      chart: {
        type: 'bulletChart',
        height: 450
      }
    },
    linePlusBarWithFocusChart: {
      chart: {
        type: 'linePlusBarChart',
        height: 500,
        color: ['#2ca02c', 'darkred'],
        x: function (d, i) { return i; }
      }
    },
    forceDirectedGraph: {
      chart: {
        type: 'forceDirectedGraph'
      }
    }
  };

  export const allData = {
    lineChart: [
      { key: 'key1', values: [{ x: 0, y: 0 }, { x: 1, y: 1 }] },
      { key: 'key2', values: [{ x: 1, y: 1 }, { x: 0, y: 0 }] }
    ],
    discreteBarChart: [
      {
        key: 'Cumulative Return',
        values: [
          { 'label': 'A', 'value': 10 },
          { 'label': 'B', 'value': 20 }
        ]
      }
    ],
    pieChart: [
      { key: 'One', y: 5 },
      { key: 'Two', y: 2 }
    ],
    scatterChart: [
      { key: 'key1', values: [{ x: 0, y: 0 }, { x: 1, y: 1 }] },
      { key: 'key2', values: [{ x: 1, y: 1 }, { x: 0, y: 0 }] }
    ],
    multiBarChart: [
      {
        key: 'Sent',
        values: [{ x: 0, y: 1 }, { x: 1, y: 2 }]
      },
      {
        key: 'Received',
        values: [{ x: 0, y: 2 }, { x: 1, y: 3 }]
      },
      {
        key: 'Spam',
        values: [{ x: 0, y: 3 }, { x: 1, y: 5 }]
      }
    ],
    candlestickBarChart: [{
      values: [
        { 'date': 15854, 'open': 165.42, 'high': 165.8, 'low': 164.34, 'close': 165.22, 'volume': 160363400, 'adjusted': 164.35 },
        { 'date': 15855, 'open': 165.35, 'high': 166.59, 'low': 165.22, 'close': 165.83, 'volume': 107793800, 'adjusted': 164.96 }
      ]
    }
    ],
    ohlcBarChart: [{
      values: [
        { 'date': 15707, 'open': 145.11, 'high': 146.15, 'low': 144.73, 'close': 146.06, 'volume': 192059000, 'adjusted': 144.65 },
        { 'date': 15708, 'open': 145.99, 'high': 146.37, 'low': 145.34, 'close': 145.73, 'volume': 144761800, 'adjusted': 144.32 },
      ]
    }
    ],
    boxPlotChart: [
      {
        label: 'Sample A',
        values: {
          Q1: 180,
          Q2: 200,
          Q3: 250,
          whisker_low: 115,
          whisker_high: 400,
          outliers: [50, 100, 425]
        }
      }
    ],
    multiChart: [
      {
        key: 'Stream1',
        type: 'area',
        yAxis: 1,
        values: [{ x: 0, y: 1 }, { x: 1, y: 2 }]
      },
      {
        key: 'Stream2',
        type: 'area',
        yAxis: 1,
        values: [{ x: 0, y: 2 }, { x: 1, y: 3 }]
      },
      {
        key: 'Stream3',
        type: 'line',
        yAxis: 1,
        values: [{ x: 0, y: 3 }, { x: 1, y: 5 }]
      },
      {
        key: 'Stream4',
        type: 'line',
        yAxis: 2,
        values: [{ x: 0, y: 3 }, { x: 1, y: 5 }]
      },
      {
        key: 'Stream4',
        type: 'bar',
        yAxis: 2,
        values: [{ x: 0, y: 3 }, { x: 1, y: 5 }]
      }
    ],
    sunburstChart: [{
      'name': 'flare',
      'children': [
        {
          'name': 'analytics',
          'children': [
            {
              'name': 'cluster',
              'children': [
                { 'name': 'AgglomerativeCluster', 'size': 3938 },
                { 'name': 'CommunityStructure', 'size': 3812 },
                { 'name': 'HierarchicalCluster', 'size': 6714 },
                { 'name': 'MergeEdge', 'size': 743 }
              ]
            },
            {
              'name': 'graph',
              'children': [
                { 'name': 'BetweennessCentrality', 'size': 3534 },
                { 'name': 'LinkDistance', 'size': 5731 },
                { 'name': 'MaxFlowMinCut', 'size': 7840 },
                { 'name': 'ShortestPaths', 'size': 5914 },
                { 'name': 'SpanningTree', 'size': 3416 }
              ]
            },
            {
              'name': 'optimization',
              'children': [
                { 'name': 'AspectRatioBanker', 'size': 7074 }
              ]
            }
          ]
        }
      ]
    }],
    stackedAreaChart: [
      {
        'key': 'North America',
        'values': [[1025409600000, 23.041422681023], [1028088000000, 19.854291255832]]
      },
      {
        'key': 'Africa',
        'values': [[1025409600000, 7.9356392949025], [1028088000000, 7.4514668527298]]
      }
    ],
    multiBarHorizontalChart: [
      {
        'key': 'Series1',
        'values': [
          {
            'label': 'Group A',
            'value': -1.8746444827653
          },
          {
            'label': 'Group B',
            'value': -8.0961543492239
          }
        ]
      },
      {
        'key': 'Series2',
        'values': [
          {
            'label': 'Group A',
            'value': 25.307646510375
          },
          {
            'label': 'Group B',
            'value': 16.756779544553
          }
        ]
      }
    ],

    cumulativeLineChart: [
      {
        key: 'Long',
        values: [[1083297600000, -2.974623048543], [1085976000000, -1.7740300785979]]
        ,
        mean: 250
      },
      {
        key: 'Short',
        values: [[1083297600000, -0.77078283705125], [1085976000000, -1.8356366650335]]
        ,
        mean: -60
      }
    ],
    historicalBarChart: [
      {
        'key': 'Quantity',
        'bar': true,
        'values': [[1136005200000, 1271000.0], [1138683600000, 1271000.0], [1141102800000, 1271000.0]]
      }
    ],
    parallelCoordinates: [
      {
        'name': 'AMC Ambassador Brougham',
        'economy (mpg)': '13',
        'cylinders': '8',
        'displacement (cc)': '360',
        'power (hp)': '175',
        'weight (lb)': '3821',
        '0-60 mph (s)': '11',
        'year': '73'
      },
      {
        'name': 'AMC Ambassador DPL',
        'economy (mpg)': '15',
        'cylinders': '8',
        'displacement (cc)': '390',
        'power (hp)': '190',
        'weight (lb)': '3850',
        '0-60 mph (s)': '8.5',
        'year': '70'
      }
    ],
    sparklinePlus: [{ x: 1083297600000, y: 2.974623048543 }, { x: 1085976000000, y: 1.7740300785979 }],
    bulletChart: {
      'title': 'Revenue',
      'subtitle': 'US$, in thousands',
      'ranges': [150, 225, 300],
      'measures': [220],
      'markers': [250]
    },
    linePlusBarWithFocusChart: [
      {
        'key': 'Quantity',
        'bar': true,
        'values': [{ x: 1083297600000, y: 2.974623048543 }, { x: 1085976000000, y: 1.7740300785979 }]
      },
      {
        'key': 'Price',
        'values': [{ x: 1083297600000, y: 2.974623048543 }, { x: 1085976000000, y: 1.7740300785979 }]
      }
    ],
    forceDirectedGraph: {
      'nodes': [
        { 'name': 'Myriel', 'group': 1 },
        { 'name': 'Napoleon', 'group': 1 },
        { 'name': 'Labarre', 'group': 2 },
        { 'name': 'Valjean', 'group': 2 },
        { 'name': 'Marguerite', 'group': 3 },
        { 'name': 'Mme.deR', 'group': 3 }
      ],
      'links': [
        { 'source': 1, 'target': 0, 'value': 1 },
        { 'source': 2, 'target': 0, 'value': 8 },
        { 'source': 3, 'target': 1, 'value': 10 },
        { 'source': 3, 'target': 2, 'value': 6 },
        { 'source': 4, 'target': 0, 'value': 1 },
        { 'source': 5, 'target': 3, 'value': 1 }
      ]
    }
  };

  export const chartClassExpected = {
    lineChart: 'nv-lineChart',
    discreteBarChart: 'nv-discreteBarWithAxes',
    pieChart: 'nv-pieChart',
    scatterChart: 'nv-scatterChart',
    multiBarChart: 'nv-multiBarWithLegend',
    multiBarHorizontalChart: 'nv-multiBarHorizontalChart',
    candlestickBarChart: 'nv-historicalBarChart',
    ohlcBarChart: 'nv-historicalBarChar',
    boxPlotChart: 'nv-boxPlotWithAxes',
    multiChart: 'multiChart',
    sunburstChart: 'nv-sunburst',
    stackedAreaChart: 'nv-stackedAreaChart',
    cumulativeLineChart: 'nv-cumulativeLine',
    historicalBarChart: 'nv-historicalBarChart',
    parallelCoordinates: 'nv-parallelCoordinates',
    sparklinePlus: 'nv-sparklineplus',
    bulletChart: 'nv-bulletChart',
    linePlusBarWithFocusChart: 'nv-linePlusBar',
    forceDirectedGraph: 'nv-force-node'
  };
}