interpolated-charts/test/data/stack-bar.js

Configurable d3 v4 charts with interpolation and missing data range

export const stackBarMultipleData = [
  {
    name: 'surface',
    backgroundColor: 'white',
    data: [
      { date: new Date('2015-01-01T00:00:00'), color: 'orange', value: 'dry' },
      { date: new Date('2015-01-02T00:00:00'), color: 'orange', value: 'dry' },
      { date: new Date('2015-01-03T00:00:00'), color: 'orange', value: 'dry' },
      { date: new Date('2015-01-04T00:00:00'), color: 'green', value: 'wet' },
      { date: new Date('2015-01-05T00:00:00'), color: 'green', value: 'wet' },
      
      { date: new Date('2015-01-09T00:00:00'), color: 'green', value: 'wet' },
      { date: new Date('2015-01-10T00:00:00'), color: 'green', value: 'wet' },
      { date: new Date('2015-01-11T00:00:00'), value: 'ice' },
      { date: new Date('2015-01-12T00:00:00'), value: 'ice' },
      { date: new Date('2015-01-13T00:00:00'), value: 'ice' }
    ]
  },
  {
    name: 'precipitation',
    backgroundColor: 'white',
    data: [
      { date: new Date('2015-01-01T00:00:00'), color: 'yellow', value: 'sun' },
      { date: new Date('2015-01-02T00:00:00'), color: 'yellow', value: 'sun' },
      { date: new Date('2015-01-03T00:00:00'), color: 'yellow', value: 'sun' },
      { date: new Date('2015-01-04T00:00:00'), color: 'yellow', value: 'sun' },
      { date: new Date('2015-01-05T00:00:00'), color: 'blue', value: 'rain' },
      { date: new Date('2015-01-06T00:00:00'), color: 'blue', value: 'rain' },
      { date: new Date('2015-01-07T00:00:00'), color: 'blue', value: 'rain' },

      { date: new Date('2015-01-11T00:00:00'), value: 'cloud' },
      { date: new Date('2015-01-12T00:00:00'), value: 'cloud' },
      { date: new Date('2015-01-13T00:00:00'), value: 'cloud' }
    ]
  }
];

export const stackBarEmptyData = [
  {
    name: 'empty',
    backgroundColor: 'white',
    data: []
  }
]