G2 - Faceted Scatterplot

chart.js

  // add data

  const data =
  [{"date":"2016-01-01","tavg":-11.9329268293,"consumption":363439,"month":"January","season":"Winter"},
  {"date":"2016-01-02","tavg":-14.9573170732,"consumption":442786,"month":"January","season":"Winter"},
  {"date":"2016-01-03","tavg":-17.0390243902,"consumption":460553,"month":"January","season":"Winter"},
  {"date":"2016-01-04","tavg":-16.2256097561,"consumption":503460,"month":"January","season":"Winter"},
  {"date":"2016-01-05","tavg":-10.9170731707,"consumption":507364,"month":"January","season":"Winter"},
  {"date":"2016-01-06","tavg":-6.6573170732,"consumption":493315,"month":"January","season":"Winter"},
  {"date":"2016-01-07","tavg":-3.9658536585,"consumption":448638,"month":"January","season":"Winter"},
  {"date":"2016-01-08","tavg":-2.6914634146,"consumption":441274,"month":"January","season":"Winter"},
  {"date":"2016-01-09","tavg":-2.4817073171,"consumption":437575,"month":"January","season":"Winter"},
  {"date":"2016-01-10","tavg":-1.7280487805,"consumption":434342,"month":"January","season":"Winter"},
  {"date":"2016-01-11","tavg":-1.1219512195,"consumption":460939,"month":"January","season":"Winter"},
  {"date":"2016-01-12","tavg":2.6609756098,"consumption":457176,"month":"January","season":"Winter"},
  {"date":"2016-01-13","tavg":1.8097560976,"consumption":449852,"month":"January","season":"Winter"},
  {"date":"2016-01-14","tavg":-0.2329268293,"consumption":443787,"month":"January","season":"Winter"},
  {"date":"2016-01-15","tavg":-1.9487804878,"consumption":450847,"month":"January","season":"Winter"},
  {"date":"2016-01-16","tavg":-0.8317073171,"consumption":445345,"month":"January","season":"Winter"},
  {"date":"2016-01-17","tavg":-5.4658536585,"consumption":437641,"month":"January","season":"Winter"},
  {"date":"2016-01-18","tavg":-6.0451219512,"consumption":466357,"month":"January","season":"Winter"},
  {"date":"2016-01-19","tavg":-6.106097561,"consumption":458601,"month":"January","season":"Winter"},
  {"date":"2016-01-20","tavg":-7.5585365854,"consumption":472149,"month":"January","season":"Winter"},
  {"date":"2016-01-21","tavg":-7.8085365854,"consumption":483412,"month":"January","season":"Winter"},
  {"date":"2016-01-22","tavg":-9.2268292683,"consumption":488093,"month":"January","season":"Winter"},
  {"date":"2016-01-23","tavg":-10.6634146341,"consumption":476157,"month":"January","season":"Winter"},
  {"date":"2016-01-24","tavg":-13.1170731707,"consumption":470306,"month":"January","season":"Winter"},
  {"date":"2016-01-25","tavg":-10.3231707317,"consumption":503013,"month":"January","season":"Winter"},
  {"date":"2016-01-26","tavg":-5.6512195122,"consumption":492193,"month":"January","season":"Winter"},
  {"date":"2016-01-27","tavg":-0.9024390244,"consumption":484136,"month":"January","season":"Winter"},
  {"date":"2016-01-28","tavg":3.5182926829,"consumption":465609,"month":"January","season":"Winter"},
  {"date":"2016-01-29","tavg":2.1829268293,"consumption":449083,"month":"January","season":"Winter"},
  {"date":"2016-01-30","tavg":1.4658536585,"consumption":430379,"month":"January","season":"Winter"},
  {"date":"2016-01-31","tavg":2.3987804878,"consumption":419874,"month":"January","season":"Winter"},
  {"date":"2016-02-01","tavg":1.1073170732,"consumption":445048,"month":"February","season":"Winter"},
  {"date":"2016-02-02","tavg":2.5329268293,"consumption":450164,"month":"February","season":"Winter"},
  {"date":"2016-02-03","tavg":4.8975609756,"consumption":441357,"month":"February","season":"Winter"},
  {"date":"2016-02-04","tavg":1.8353658537,"consumption":445326,"month":"February","season":"Winter"},
  {"date":"2016-02-05","tavg":0.056097561,"consumption":444583,"month":"February","season":"Winter"},
  {"date":"2016-02-06","tavg":-0.756097561,"consumption":429570,"month":"February","season":"Winter"},
  {"date":"2016-02-07","tavg":-1.5451219512,"consumption":420557,"month":"February","season":"Winter"},
  {"date":"2016-02-08","tavg":-0.1987804878,"consumption":449696,"month":"February","season":"Winter"},
  {"date":"2016-02-09","tavg":1.7341463415,"consumption":453703,"month":"February","season":"Winter"},
  {"date":"2016-02-10","tavg":3.5524390244,"consumption":449668,"month":"February","season":"Winter"},
  {"date":"2016-02-11","tavg":2.4975609756,"consumption":452440,"month":"February","season":"Winter"},
  {"date":"2016-02-12","tavg":2.2219512195,"consumption":441314,"month":"February","season":"Winter"},
  {"date":"2016-02-13","tavg":1.9097560976,"consumption":433466,"month":"February","season":"Winter"},
  {"date":"2016-02-14","tavg":4.9097560976,"consumption":414839,"month":"February","season":"Winter"},
  {"date":"2016-02-15","tavg":5.8731707317,"consumption":427147,"month":"February","season":"Winter"},
  {"date":"2016-02-16","tavg":7.5317073171,"consumption":427210,"month":"February","season":"Winter"},
  {"date":"2016-02-17","tavg":2.6597560976,"consumption":429180,"month":"February","season":"Winter"},
  {"date":"2016-02-18","tavg":0.4024390244,"consumption":431361,"month":"February","season":"Winter"},
  {"date":"2016-02-19","tavg":0.2670731707,"consumption":436806,"month":"February","season":"Winter"},
  {"date":"2016-02-20","tavg":-1.0951219512,"consumption":430897,"month":"February","season":"Winter"},
  {"date":"2016-02-21","tavg":-0.5390243902,"consumption":418354,"month":"February","season":"Winter"},
  {"date":"2016-02-22","tavg":5.587804878,"consumption":438839,"month":"February","season":"Winter"},
  {"date":"2016-02-23","tavg":7.2682926829,"consumption":429032,"month":"February","season":"Winter"},
  {"date":"2016-02-24","tavg":4.3585365854,"consumption":434349,"month":"February","season":"Winter"},
  {"date":"2016-02-25","tavg":2.0097560976,"consumption":428432,"month":"February","season":"Winter"},
  {"date":"2016-02-26","tavg":2.0463414634,"consumption":431126,"month":"February","season":"Winter"},
  {"date":"2016-02-27","tavg":2.1865853659,"consumption":415753,"month":"February","season":"Winter"},
  {"date":"2016-02-28","tavg":2.9292682927,"consumption":401742,"month":"February","season":"Winter"},
  {"date":"2016-02-29","tavg":4.8865853659,"consumption":425409,"month":"February","season":"Winter"},
  {"date":"2016-03-01","tavg":6.7987804878,"consumption":427688,"month":"March","season":"Spring"},
  {"date":"2016-03-02","tavg":5.2304878049,"consumption":421423,"month":"March","season":"Spring"},
  {"date":"2016-03-03","tavg":4.0097560976,"consumption":422210,"month":"March","season":"Spring"},
  {"date":"2016-03-04","tavg":3.85,"consumption":423662,"month":"March","season":"Spring"},
  {"date":"2016-03-05","tavg":3.4731707317,"consumption":406890,"month":"March","season":"Spring"},
  {"date":"2016-03-06","tavg":4.4512195122,"consumption":392398,"month":"March","season":"Spring"},
  {"date":"2016-03-07","tavg":7.3451219512,"consumption":396190,"month":"March","season":"Spring"},
  {"date":"2016-03-08","tavg":7.9743902439,"consumption":381661,"month":"March","season":"Spring"},
  {"date":"2016-03-09","tavg":7.2951219512,"consumption":400421,"month":"March","season":"Spring"},
  {"date":"2016-03-10","tavg":7.2158536585,"consumption":407096,"month":"March","season":"Spring"},
  {"date":"2016-03-11","tavg":5.4817073171,"consumption":413317,"month":"March","season":"Spring"},
  {"date":"2016-03-12","tavg":5.887804878,"consumption":403790,"month":"March","season":"Spring"},
  {"date":"2016-03-13","tavg":3.8402439024,"consumption":391002,"month":"March","season":"Spring"},
  {"date":"2016-03-14","tavg":1.8329268293,"consumption":418248,"month":"March","season":"Spring"},
  {"date":"2016-03-15","tavg":0.7341463415,"consumption":423229,"month":"March","season":"Spring"},
  {"date":"2016-03-16","tavg":1.8792682927,"consumption":418036,"month":"March","season":"Spring"},
  {"date":"2016-03-17","tavg":3.387804878,"consumption":423562,"month":"March","season":"Spring"},
  {"date":"2016-03-18","tavg":5.756097561,"consumption":418948,"month":"March","season":"Spring"},
  {"date":"2016-03-19","tavg":-0.9475609756,"consumption":408562,"month":"March","season":"Spring"},
  {"date":"2016-03-20","tavg":0.1341463415,"consumption":402219,"month":"March","season":"Spring"},
  {"date":"2016-03-21","tavg":2.4390243902,"consumption":424899,"month":"March","season":"Spring"},
  {"date":"2016-03-22","tavg":3.8268292683,"consumption":419545,"month":"March","season":"Spring"},
  {"date":"2016-03-23","tavg":4.3012195122,"consumption":418401,"month":"March","season":"Spring"},
  {"date":"2016-03-24","tavg":2.9731707317,"consumption":429363,"month":"March","season":"Spring"},
  {"date":"2016-03-25","tavg":1.5329268293,"consumption":425866,"month":"March","season":"Spring"},
  {"date":"2016-03-26","tavg":2.6073170732,"consumption":408674,"month":"March","season":"Spring"},
  {"date":"2016-03-27","tavg":3.637804878,"consumption":390502,"month":"March","season":"Spring"},
  {"date":"2016-03-28","tavg":4.0890243902,"consumption":413158,"month":"March","season":"Spring"},
  {"date":"2016-03-29","tavg":5.9487804878,"consumption":410909,"month":"March","season":"Spring"},
  {"date":"2016-03-30","tavg":7.7585365854,"consumption":407514,"month":"March","season":"Spring"},
  {"date":"2016-03-31","tavg":9.762195122,"consumption":404003,"month":"March","season":"Spring"},
  {"date":"2016-04-01","tavg":10.9926829268,"consumption":391956,"month":"April","season":"Spring"},
  {"date":"2016-04-02","tavg":5.0646341463,"consumption":384530,"month":"April","season":"Spring"},
  {"date":"2016-04-03","tavg":6.6865853659,"consumption":370683,"month":"April","season":"Spring"},
  {"date":"2016-04-04","tavg":9.5926829268,"consumption":388213,"month":"April","season":"Spring"},
  {"date":"2016-04-05","tavg":11.4024390244,"consumption":381255,"month":"April","season":"Spring"},
  {"date":"2016-04-06","tavg":13.0865853659,"consumption":378134,"month":"April","season":"Spring"},
  {"date":"2016-04-07","tavg":13.1085365854,"consumption":366677,"month":"April","season":"Spring"},
  {"date":"2016-04-08","tavg":15.8182926829,"consumption":363042,"month":"April","season":"Spring"},
  {"date":"2016-04-09","tavg":16.3341463415,"consumption":348033,"month":"April","season":"Spring"},
  {"date":"2016-04-10","tavg":15.3280487805,"consumption":337943,"month":"April","season":"Spring"},
  {"date":"2016-04-11","tavg":14.3317073171,"consumption":361558,"month":"April","season":"Spring"},
  {"date":"2016-04-12","tavg":14.2890243902,"consumption":361087,"month":"April","season":"Spring"},
  {"date":"2016-04-13","tavg":14.0073170732,"consumption":362073,"month":"April","season":"Spring"},
  {"date":"2016-04-14","tavg":13.6231707317,"consumption":359090,"month":"April","season":"Spring"},
  {"date":"2016-04-15","tavg":10.3682926829,"consumption":368829,"month":"April","season":"Spring"},
  {"date":"2016-04-16","tavg":11.5902439024,"consumption":352924,"month":"April","season":"Spring"},
  {"date":"2016-04-17","tavg":16.0158536585,"consumption":339573,"month":"April","season":"Spring"},
  {"date":"2016-04-18","tavg":16.206097561,"consumption":355640,"month":"April","season":"Spring"},
  {"date":"2016-04-19","tavg":12.5670731707,"consumption":358436,"month":"April","season":"Spring"},
  {"date":"2016-04-20","tavg":9.1524390244,"consumption":367769,"month":"April","season":"Spring"},
  {"date":"2016-04-21","tavg":6.7304878049,"consumption":376604,"month":"April","season":"Spring"},
  {"date":"2016-04-22","tavg":9.8841463415,"consumption":372416,"month":"April","season":"Spring"},
  {"date":"2016-04-23","tavg":10.2207317073,"consumption":358370,"month":"April","season":"Spring"},
  {"date":"2016-04-24","tavg":12.3182926829,"consumption":346308,"month":"April","season":"Spring"},
  {"date":"2016-04-25","tavg":10.6304878049,"consumption":372534,"month":"April","season":"Spring"},
  {"date":"2016-04-26","tavg":9.2573170732,"consumption":378623,"month":"April","season":"Spring"},
  {"date":"2016-04-27","tavg":10.0012195122,"consumption":377728,"month":"April","season":"Spring"},
  {"date":"2016-04-28","tavg":11.3219512195,"consumption":376855,"month":"April","season":"Spring"},
  {"date":"2016-04-29","tavg":12.6573170732,"consumption":365211,"month":"April","season":"Spring"},
  {"date":"2016-04-30","tavg":13.106097561,"consumption":356304,"month":"April","season":"Spring"},
  {"date":"2016-05-01","tavg":13.1036585366,"consumption":306901,"month":"May","season":"Spring"},
  {"date":"2016-05-02","tavg":13.7048780488,"consumption":305838,"month":"May","season":"Spring"},
  {"date":"2016-05-03","tavg":14.212195122,"consumption":323850,"month":"May","season":"Spring"},
  {"date":"2016-05-04","tavg":14.3926829268,"consumption":342750,"month":"May","season":"Spring"},
  {"date":"2016-05-05","tavg":14.2853658537,"consumption":345052,"month":"May","season":"Spring"},
  {"date":"2016-05-06","tavg":12.7231707317,"consumption":343978,"month":"May","season":"Spring"},
  {"date":"2016-05-07","tavg":12.1646341463,"consumption":341725,"month":"May","season":"Spring"},
  {"date":"2016-05-08","tavg":13.5975609756,"consumption":323093,"month":"May","season":"Spring"},
  {"date":"2016-05-09","tavg":14.862195122,"consumption":323569,"month":"May","season":"Spring"},
  {"date":"2016-05-10","tavg":15.2975609756,"consumption":340418,"month":"May","season":"Spring"},
  {"date":"2016-05-11","tavg":15.1719512195,"consumption":344699,"month":"May","season":"Spring"},
  {"date":"2016-05-12","tavg":15.3134146341,"consumption":347147,"month":"May","season":"Spring"},
  {"date":"2016-05-13","tavg":15.3036585366,"consumption":346754,"month":"May","season":"Spring"},
  {"date":"2016-05-14","tavg":14.8707317073,"consumption":342428,"month":"May","season":"Spring"},
  {"date":"2016-05-15","tavg":14.2414634146,"consumption":327257,"month":"May","season":"Spring"},
  {"date":"2016-05-16","tavg":12.8707317073,"consumption":343005,"month":"May","season":"Spring"},
  {"date":"2016-05-17","tavg":11.7658536585,"consumption":350819,"month":"May","season":"Spring"},
  {"date":"2016-05-18","tavg":11.1390243902,"consumption":351149,"month":"May","season":"Spring"},
  {"date":"2016-05-19","tavg":10.9182926829,"consumption":353058,"month":"May","season":"Spring"},
  {"date":"2016-05-20","tavg":12.4243902439,"consumption":353196,"month":"May","season":"Spring"},
  {"date":"2016-05-21","tavg":15.4353658537,"consumption":340387,"month":"May","season":"Spring"},
  {"date":"2016-05-22","tavg":16.5573170732,"consumption":325804,"month":"May","season":"Spring"},
  {"date":"2016-05-23","tavg":16.7231707317,"consumption":344159,"month":"May","season":"Spring"},
  {"date":"2016-05-24","tavg":16.512195122,"consumption":346735,"month":"May","season":"Spring"},
  {"date":"2016-05-25","tavg":16.2888888889,"consumption":351122,"month":"May","season":"Spring"},
  {"date":"2016-05-26","tavg":17.2218390805,"consumption":349495,"month":"May","season":"Spring"},
  {"date":"2016-05-27","tavg":18.1179775281,"consumption":346288,"month":"May","season":"Spring"},
  {"date":"2016-05-28","tavg":19.1183908046,"consumption":336521,"month":"May","season":"Spring"},
  {"date":"2016-05-29","tavg":19.3719101124,"consumption":324817,"month":"May","season":"Spring"},
  {"date":"2016-05-30","tavg":19.3337078652,"consumption":342447,"month":"May","season":"Spring"},
  {"date":"2016-05-31","tavg":19.695505618,"consumption":340512,"month":"May","season":"Spring"},
  {"date":"2016-06-01","tavg":18.3139534884,"consumption":341064,"month":"June","season":"Summer"},
  {"date":"2016-06-02","tavg":16.3975609756,"consumption":343235,"month":"June","season":"Summer"},
  {"date":"2016-06-03","tavg":17.162195122,"consumption":341062,"month":"June","season":"Summer"},
  {"date":"2016-06-04","tavg":18.0890243902,"consumption":329624,"month":"June","season":"Summer"},
  {"date":"2016-06-05","tavg":18.7865853659,"consumption":320698,"month":"June","season":"Summer"},
  {"date":"2016-06-06","tavg":15.6317073171,"consumption":334922,"month":"June","season":"Summer"},
  {"date":"2016-06-07","tavg":12.3390243902,"consumption":337088,"month":"June","season":"Summer"},
  {"date":"2016-06-08","tavg":13.3743902439,"consumption":342239,"month":"June","season":"Summer"},
  {"date":"2016-06-09","tavg":15.9463414634,"consumption":341378,"month":"June","season":"Summer"},
  {"date":"2016-06-10","tavg":16.4451219512,"consumption":343457,"month":"June","season":"Summer"},
  {"date":"2016-06-11","tavg":16.0219512195,"consumption":328503,"month":"June","season":"Summer"},
  {"date":"2016-06-12","tavg":15.5743902439,"consumption":315854,"month":"June","season":"Summer"},
  {"date":"2016-06-13","tavg":16.25,"consumption":337102,"month":"June","season":"Summer"},
  {"date":"2016-06-14","tavg":18.4887323944,"consumption":343701,"month":"June","season":"Summer"},
  {"date":"2016-06-15","tavg":19.1066666667,"consumption":351032,"month":"June","season":"Summer"},
  {"date":"2016-06-16","tavg":20.7366666667,"consumption":348662,"month":"June","season":"Summer"},
  {"date":"2016-06-17","tavg":23.6033333333,"consumption":354091,"month":"June","season":"Summer"},
  {"date":"2016-06-18","tavg":23.0366666667,"consumption":345932,"month":"June","season":"Summer"},
  {"date":"2016-06-19","tavg":23.28,"consumption":323501,"month":"June","season":"Summer"},
  {"date":"2016-06-20","tavg":24.6366666667,"consumption":335765,"month":"June","season":"Summer"},
  {"date":"2016-06-21","tavg":25.2833333333,"consumption":364677,"month":"June","season":"Summer"},
  {"date":"2016-06-22","tavg":25.57,"consumption":377052,"month":"June","season":"Summer"},
  {"date":"2016-06-23","tavg":25.08,"consumption":378267,"month":"June","season":"Summer"},
  {"date":"2016-06-24","tavg":24.3866666667,"consumption":375359,"month":"June","season":"Summer"},
  {"date":"2016-06-25","tavg":24.6266666667,"consumption":365345,"month":"June","season":"Summer"},
  {"date":"2016-06-26","tavg":25.2966666667,"consumption":350978,"month":"June","season":"Summer"},
  {"date":"2016-06-27","tavg":25.1933333333,"consumption":360864,"month":"June","season":"Summer"},
  {"date":"2016-06-28","tavg":23.4966666667,"consumption":357260,"month":"June","season":"Summer"},
  {"date":"2016-06-29","tavg":22.1833333333,"consumption":363597,"month":"June","season":"Summer"},
  {"date":"2016-06-30","tavg":22.74,"consumption":363433,"month":"June","season":"Summer"},
  {"date":"2016-07-01","tavg":23.8233333333,"consumption":365551,"month":"July","season":"Summer"},
  {"date":"2016-07-02","tavg":24.6033333333,"consumption":358930,"month":"July","season":"Summer"},
  {"date":"2016-07-03","tavg":23.8166666667,"consumption":344385,"month":"July","season":"Summer"},
  {"date":"2016-07-04","tavg":20.75,"consumption":357627,"month":"July","season":"Summer"},
  {"date":"2016-07-05","tavg":19.2433333333,"consumption":353503,"month":"July","season":"Summer"},
  {"date":"2016-07-06","tavg":20.1433333333,"consumption":358046,"month":"July","season":"Summer"},
  {"date":"2016-07-07","tavg":17.5366666667,"consumption":351220,"month":"July","season":"Summer"},
  {"date":"2016-07-08","tavg":18.04,"consumption":346296,"month":"July","season":"Summer"},
  {"date":"2016-07-09","tavg":18.3566666667,"consumption":341628,"month":"July","season":"Summer"},
  {"date":"2016-07-10","tavg":18.7733333333,"consumption":328046,"month":"July","season":"Summer"},
  {"date":"2016-07-11","tavg":21.39,"consumption":354133,"month":"July","season":"Summer"},
  {"date":"2016-07-12","tavg":24.5033333333,"consumption":361616,"month":"July","season":"Summer"},
  {"date":"2016-07-13","tavg":25.2266666667,"consumption":370831,"month":"July","season":"Summer"},
  {"date":"2016-07-14","tavg":25.6,"consumption":377665,"month":"July","season":"Summer"},
  {"date":"2016-07-15","tavg":24.31,"consumption":380714,"month":"July","season":"Summer"},
  {"date":"2016-07-16","tavg":24.81,"consumption":367940,"month":"July","season":"Summer"},
  {"date":"2016-07-17","tavg":26.3733333333,"consumption":363749,"month":"July","season":"Summer"},
  {"date":"2016-07-18","tavg":22.5433333333,"consumption":378002,"month":"July","season":"Summer"},
  {"date":"2016-07-19","tavg":18.8133333333,"consumption":366599,"month":"July","season":"Summer"},
  {"date":"2016-07-20","tavg":18.67,"consumption":361164,"month":"July","season":"Summer"},
  {"date":"2016-07-21","tavg":17.8633333333,"consumption":362902,"month":"July","season":"Summer"},
  {"date":"2016-07-22","tavg":18.64,"consumption":359035,"month":"July","season":"Summer"},
  {"date":"2016-07-23","tavg":20.0333333333,"consumption":349151,"month":"July","season":"Summer"},
  {"date":"2016-07-24","tavg":21.7133333333,"consumption":339867,"month":"July","season":"Summer"},
  {"date":"2016-07-25","tavg":23,"consumption":364109,"month":"July","season":"Summer"},
  {"date":"2016-07-26","tavg":23.8933333333,"consumption":370136,"month":"July","season":"Summer"},
  {"date":"2016-07-27","tavg":24.5633333333,"consumption":376811,"month":"July","season":"Summer"},
  {"date":"2016-07-28","tavg":25.1533333333,"consumption":380455,"month":"July","season":"Summer"},
  {"date":"2016-07-29","tavg":24.9833333333,"consumption":381772,"month":"July","season":"Summer"},
  {"date":"2016-07-30","tavg":24.3233333333,"consumption":364785,"month":"July","season":"Summer"},
  {"date":"2016-07-31","tavg":24.7266666667,"consumption":351159,"month":"July","season":"Summer"},
  {"date":"2016-08-01","tavg":25.59,"consumption":376040,"month":"August","season":"Summer"},
  {"date":"2016-08-02","tavg":23.8566666667,"consumption":377964,"month":"August","season":"Summer"},
  {"date":"2016-08-03","tavg":21.7733333333,"consumption":369387,"month":"August","season":"Summer"},
  {"date":"2016-08-04","tavg":22.5066666667,"consumption":368105,"month":"August","season":"Summer"},
  {"date":"2016-08-05","tavg":23.7866666667,"consumption":370527,"month":"August","season":"Summer"},
  {"date":"2016-08-06","tavg":24.8666666667,"consumption":360747,"month":"August","season":"Summer"},
  {"date":"2016-08-07","tavg":23.14,"consumption":348727,"month":"August","season":"Summer"},
  {"date":"2016-08-08","tavg":20.7866666667,"consumption":361209,"month":"August","season":"Summer"},
  {"date":"2016-08-09","tavg":21.8033333333,"consumption":362976,"month":"August","season":"Summer"},
  {"date":"2016-08-10","tavg":23.17,"consumption":364944,"month":"August","season":"Summer"},
  {"date":"2016-08-11","tavg":21.4233333333,"consumption":366554,"month":"August","season":"Summer"},
  {"date":"2016-08-12","tavg":17.42,"consumption":359877,"month":"August","season":"Summer"},
  {"date":"2016-08-13","tavg":16.1766666667,"consumption":336860,"month":"August","season":"Summer"},
  {"date":"2016-08-14","tavg":17.4833333333,"consumption":322208,"month":"August","season":"Summer"},
  {"date":"2016-08-15","tavg":19.2433333333,"consumption":343397,"month":"August","season":"Summer"},
  {"date":"2016-08-16","tavg":18.3533333333,"consumption":349752,"month":"August","season":"Summer"},
  {"date":"2016-08-17","tavg":19.33,"consumption":357187,"month":"August","season":"Summer"},
  {"date":"2016-08-18","tavg":20.03,"consumption":360216,"month":"August","season":"Summer"},
  {"date":"2016-08-19","tavg":20.9366666667,"consumption":354676,"month":"August","season":"Summer"},
  {"date":"2016-08-20","tavg":22.7466666667,"consumption":346495,"month":"August","season":"Summer"},
  {"date":"2016-08-21","tavg":24.1033333333,"consumption":336965,"month":"August","season":"Summer"},
  {"date":"2016-08-22","tavg":24.35,"consumption":362462,"month":"August","season":"Summer"},
  {"date":"2016-08-23","tavg":24.3833333333,"consumption":369179,"month":"August","season":"Summer"},
  {"date":"2016-08-24","tavg":21.17,"consumption":345960,"month":"August","season":"Summer"},
  {"date":"2016-08-25","tavg":19.2266666667,"consumption":349277,"month":"August","season":"Summer"},
  {"date":"2016-08-26","tavg":19.2933333333,"consumption":351324,"month":"August","season":"Summer"},
  {"date":"2016-08-27","tavg":21.3033333333,"consumption":345576,"month":"August","season":"Summer"},
  {"date":"2016-08-28","tavg":23.17,"consumption":333427,"month":"August","season":"Summer"},
  {"date":"2016-08-29","tavg":24.4566666667,"consumption":360309,"month":"August","season":"Summer"},
  {"date":"2016-08-30","tavg":22.4166666667,"consumption":361626,"month":"August","season":"Summer"},
  {"date":"2016-08-31","tavg":17.9466666667,"consumption":351073,"month":"August","season":"Summer"},
  {"date":"2016-09-01","tavg":17.28,"consumption":347194,"month":"September","season":"Autumn"},
  {"date":"2016-09-02","tavg":18.5633333333,"consumption":346296,"month":"September","season":"Autumn"},
  {"date":"2016-09-03","tavg":19.41,"consumption":339986,"month":"September","season":"Autumn"},
  {"date":"2016-09-04","tavg":20.5466666667,"consumption":334579,"month":"September","season":"Autumn"},
  {"date":"2016-09-05","tavg":21.39,"consumption":352526,"month":"September","season":"Autumn"},
  {"date":"2016-09-06","tavg":21.23,"consumption":357870,"month":"September","season":"Autumn"},
  {"date":"2016-09-07","tavg":20.1566666667,"consumption":362233,"month":"September","season":"Autumn"},
  {"date":"2016-09-08","tavg":20.2966666667,"consumption":360236,"month":"September","season":"Autumn"},
  {"date":"2016-09-09","tavg":19.7033333333,"consumption":358787,"month":"September","season":"Autumn"},
  {"date":"2016-09-10","tavg":19.4166666667,"consumption":346731,"month":"September","season":"Autumn"},
  {"date":"2016-09-11","tavg":20.1666666667,"consumption":335556,"month":"September","season":"Autumn"},
  {"date":"2016-09-12","tavg":21.0433333333,"consumption":356463,"month":"September","season":"Autumn"},
  {"date":"2016-09-13","tavg":20.9566666667,"consumption":364283,"month":"September","season":"Autumn"},
  {"date":"2016-09-14","tavg":17.0133333333,"consumption":358136,"month":"September","season":"Autumn"},
  {"date":"2016-09-15","tavg":14.3266666667,"consumption":353334,"month":"September","season":"Autumn"},
  {"date":"2016-09-16","tavg":16.3033333333,"consumption":353346,"month":"September","season":"Autumn"},
  {"date":"2016-09-17","tavg":16.7066666667,"consumption":347196,"month":"September","season":"Autumn"},
  {"date":"2016-09-18","tavg":13.5966666667,"consumption":338483,"month":"September","season":"Autumn"},
  {"date":"2016-09-19","tavg":12.7166666667,"consumption":355777,"month":"September","season":"Autumn"},
  {"date":"2016-09-20","tavg":10.91,"consumption":366875,"month":"September","season":"Autumn"},
  {"date":"2016-09-21","tavg":9.9766666667,"consumption":364488,"month":"September","season":"Autumn"},
  {"date":"2016-09-22","tavg":9.7166666667,"consumption":368244,"month":"September","season":"Autumn"},
  {"date":"2016-09-23","tavg":10.26,"consumption":367335,"month":"September","season":"Autumn"},
  {"date":"2016-09-24","tavg":11.83,"consumption":357643,"month":"September","season":"Autumn"},
  {"date":"2016-09-25","tavg":11.89,"consumption":350073,"month":"September","season":"Autumn"},
  {"date":"2016-09-26","tavg":10.7866666667,"consumption":374210,"month":"September","season":"Autumn"},
  {"date":"2016-09-27","tavg":10.5433333333,"consumption":375235,"month":"September","season":"Autumn"},
  {"date":"2016-09-28","tavg":10.76,"consumption":379035,"month":"September","season":"Autumn"},
  {"date":"2016-09-29","tavg":13.6966666667,"consumption":379434,"month":"September","season":"Autumn"},
  {"date":"2016-09-30","tavg":15.8533333333,"consumption":373296,"month":"September","season":"Autumn"},
  {"date":"2016-10-01","tavg":16.9,"consumption":360040,"month":"October","season":"Autumn"},
  {"date":"2016-10-02","tavg":15.9166666667,"consumption":347395,"month":"October","season":"Autumn"},
  {"date":"2016-10-03","tavg":15.21,"consumption":365099,"month":"October","season":"Autumn"},
  {"date":"2016-10-04","tavg":14.2566666667,"consumption":372344,"month":"October","season":"Autumn"},
  {"date":"2016-10-05","tavg":10.5833333333,"consumption":376503,"month":"October","season":"Autumn"},
  {"date":"2016-10-06","tavg":9.21,"consumption":375129,"month":"October","season":"Autumn"},
  {"date":"2016-10-07","tavg":9.0766666667,"consumption":381528,"month":"October","season":"Autumn"},
  {"date":"2016-10-08","tavg":8.9866666667,"consumption":376782,"month":"October","season":"Autumn"},
  {"date":"2016-10-09","tavg":8.5133333333,"consumption":369370,"month":"October","season":"Autumn"},
  {"date":"2016-10-10","tavg":8.2233333333,"consumption":396770,"month":"October","season":"Autumn"},
  {"date":"2016-10-11","tavg":8.8133333333,"consumption":404286,"month":"October","season":"Autumn"},
  {"date":"2016-10-12","tavg":7.8966666667,"consumption":414163,"month":"October","season":"Autumn"},
  {"date":"2016-10-13","tavg":4.6633333333,"consumption":424734,"month":"October","season":"Autumn"},
  {"date":"2016-10-14","tavg":4.4766666667,"consumption":398709,"month":"October","season":"Autumn"},
  {"date":"2016-10-15","tavg":3.56,"consumption":405390,"month":"October","season":"Autumn"},
  {"date":"2016-10-16","tavg":4.5933333333,"consumption":397873,"month":"October","season":"Autumn"},
  {"date":"2016-10-17","tavg":3.8266666667,"consumption":428020,"month":"October","season":"Autumn"},
  {"date":"2016-10-18","tavg":3.8366666667,"consumption":434585,"month":"October","season":"Autumn"},
  {"date":"2016-10-19","tavg":3.7666666667,"consumption":439326,"month":"October","season":"Autumn"},
  {"date":"2016-10-20","tavg":4.2466666667,"consumption":443465,"month":"October","season":"Autumn"},
  {"date":"2016-10-21","tavg":5.1166666667,"consumption":445058,"month":"October","season":"Autumn"},
  {"date":"2016-10-22","tavg":6.54,"consumption":426325,"month":"October","season":"Autumn"},
  {"date":"2016-10-23","tavg":5.9366666667,"consumption":411693,"month":"October","season":"Autumn"},
  {"date":"2016-10-24","tavg":5.4433333333,"consumption":439681,"month":"October","season":"Autumn"},
  {"date":"2016-10-25","tavg":4.6266666667,"consumption":442319,"month":"October","season":"Autumn"},
  {"date":"2016-10-26","tavg":3.27,"consumption":451584,"month":"October","season":"Autumn"},
  {"date":"2016-10-27","tavg":2.9166666667,"consumption":448845,"month":"October","season":"Autumn"},
  {"date":"2016-10-28","tavg":2.44,"consumption":445000,"month":"October","season":"Autumn"},
  {"date":"2016-10-29","tavg":4.9666666667,"consumption":429413,"month":"October","season":"Autumn"},
  {"date":"2016-10-30","tavg":4.4533333333,"consumption":411056,"month":"October","season":"Autumn"},
  {"date":"2016-10-31","tavg":3.05,"consumption":436120,"month":"October","season":"Autumn"},
  {"date":"2016-11-01","tavg":1.33,"consumption":440196,"month":"November","season":"Autumn"},
  {"date":"2016-11-02","tavg":2.5533333333,"consumption":447700,"month":"November","season":"Autumn"},
  {"date":"2016-11-03","tavg":5.03,"consumption":437426,"month":"November","season":"Autumn"},
  {"date":"2016-11-04","tavg":2.7133333333,"consumption":436515,"month":"November","season":"Autumn"},
  {"date":"2016-11-05","tavg":2.8,"consumption":420578,"month":"November","season":"Autumn"},
  {"date":"2016-11-06","tavg":7.6566666667,"consumption":410347,"month":"November","season":"Autumn"},
  {"date":"2016-11-07","tavg":10.77,"consumption":424601,"month":"November","season":"Autumn"},
  {"date":"2016-11-08","tavg":6.6033333333,"consumption":427285,"month":"November","season":"Autumn"},
  {"date":"2016-11-09","tavg":6.8933333333,"consumption":432248,"month":"November","season":"Autumn"},
  {"date":"2016-11-10","tavg":5.15,"consumption":429856,"month":"November","season":"Autumn"},
  {"date":"2016-11-11","tavg":0.7,"consumption":433810,"month":"November","season":"Autumn"},
  {"date":"2016-11-12","tavg":2.54,"consumption":424928,"month":"November","season":"Autumn"},
  {"date":"2016-11-13","tavg":1.6666666667,"consumption":419539,"month":"November","season":"Autumn"},
  {"date":"2016-11-14","tavg":-0.02,"consumption":445959,"month":"November","season":"Autumn"},
  {"date":"2016-11-15","tavg":-1.6466666667,"consumption":456114,"month":"November","season":"Autumn"},
  {"date":"2016-11-16","tavg":-2.1766666667,"consumption":466217,"month":"November","season":"Autumn"},
  {"date":"2016-11-17","tavg":-0.3966666667,"consumption":466200,"month":"November","season":"Autumn"},
  {"date":"2016-11-18","tavg":2.5933333333,"consumption":453306,"month":"November","season":"Autumn"},
  {"date":"2016-11-19","tavg":3.39,"consumption":436887,"month":"November","season":"Autumn"},
  {"date":"2016-11-20","tavg":2.5066666667,"consumption":423884,"month":"November","season":"Autumn"},
  {"date":"2016-11-21","tavg":0.8866666667,"consumption":450992,"month":"November","season":"Autumn"},
  {"date":"2016-11-22","tavg":-0.5766666667,"consumption":462637,"month":"November","season":"Autumn"},
  {"date":"2016-11-23","tavg":-1.0966666667,"consumption":468985,"month":"November","season":"Autumn"},
  {"date":"2016-11-24","tavg":-1.3,"consumption":473420,"month":"November","season":"Autumn"},
  {"date":"2016-11-25","tavg":0.5733333333,"consumption":471651,"month":"November","season":"Autumn"},
  {"date":"2016-11-26","tavg":0.9066666667,"consumption":445453,"month":"November","season":"Autumn"},
  {"date":"2016-11-27","tavg":3.4433333333,"consumption":429498,"month":"November","season":"Autumn"},
  {"date":"2016-11-28","tavg":1.2366666667,"consumption":453782,"month":"November","season":"Autumn"},
  {"date":"2016-11-29","tavg":-2.87,"consumption":461475,"month":"November","season":"Autumn"},
  {"date":"2016-11-30","tavg":-5.7566666667,"consumption":471229,"month":"November","season":"Autumn"},
  {"date":"2016-12-01","tavg":-2.2066666667,"consumption":476816,"month":"December","season":"Winter"},
  {"date":"2016-12-02","tavg":-0.9,"consumption":473718,"month":"December","season":"Winter"},
  {"date":"2016-12-03","tavg":-1.5333333333,"consumption":453159,"month":"December","season":"Winter"},
  {"date":"2016-12-04","tavg":-4.0833333333,"consumption":442425,"month":"December","season":"Winter"},
  {"date":"2016-12-05","tavg":-6.26,"consumption":481603,"month":"December","season":"Winter"},
  {"date":"2016-12-06","tavg":-2.23,"consumption":483163,"month":"December","season":"Winter"},
  {"date":"2016-12-07","tavg":-8.04,"consumption":484518,"month":"December","season":"Winter"},
  {"date":"2016-12-08","tavg":-2.8766666667,"consumption":493820,"month":"December","season":"Winter"},
  {"date":"2016-12-09","tavg":4.1033333333,"consumption":473548,"month":"December","season":"Winter"},
  {"date":"2016-12-10","tavg":5.0733333333,"consumption":448215,"month":"December","season":"Winter"},
  {"date":"2016-12-11","tavg":3.9666666667,"consumption":429164,"month":"December","season":"Winter"},
  {"date":"2016-12-12","tavg":0.4133333333,"consumption":460359,"month":"December","season":"Winter"},
  {"date":"2016-12-13","tavg":-6.8733333333,"consumption":477671,"month":"December","season":"Winter"},
  {"date":"2016-12-14","tavg":-4.3433333333,"consumption":489518,"month":"December","season":"Winter"},
  {"date":"2016-12-15","tavg":-3.1766666667,"consumption":487942,"month":"December","season":"Winter"},
  {"date":"2016-12-16","tavg":-8.4866666667,"consumption":491579,"month":"December","season":"Winter"},
  {"date":"2016-12-17","tavg":-5.6033333333,"consumption":480229,"month":"December","season":"Winter"},
  {"date":"2016-12-18","tavg":-2.8633333333,"consumption":460873,"month":"December","season":"Winter"},
  {"date":"2016-12-19","tavg":-1.6666666667,"consumption":478664,"month":"December","season":"Winter"},
  {"date":"2016-12-20","tavg":-0.9566666667,"consumption":481337,"month":"December","season":"Winter"},
  {"date":"2016-12-21","tavg":-3.94,"consumption":494524,"month":"December","season":"Winter"},
  {"date":"2016-12-22","tavg":-2.69,"consumption":484463,"month":"December","season":"Winter"},
  {"date":"2016-12-23","tavg":-3.1866666667,"consumption":489737,"month":"December","season":"Winter"},
  {"date":"2016-12-24","tavg":-1.3133333333,"consumption":474224,"month":"December","season":"Winter"},
  {"date":"2016-12-25","tavg":-0.97,"consumption":451905,"month":"December","season":"Winter"},
  {"date":"2016-12-26","tavg":0.07,"consumption":472630,"month":"December","season":"Winter"},
  {"date":"2016-12-27","tavg":1.49,"consumption":468360,"month":"December","season":"Winter"},
  {"date":"2016-12-28","tavg":0.6333333333,"consumption":463962,"month":"December","season":"Winter"},
  {"date":"2016-12-29","tavg":-0.7833333333,"consumption":463487,"month":"December","season":"Winter"},
  {"date":"2016-12-30","tavg":-2.4233333333,"consumption":458018,"month":"December","season":"Winter"}];

  // chart
  const chart = new G2.Chart({
     container : 'viz' ,
     renderer: 'svg',
     forceFit: true,
     height : window.innerHeight,
     padding: [ 80, 80, 80, 80 ],
     plotBackground: {
      fill: null
    },
    animate: false
  });

  const defs = {
    tavg: {
      type: 'linear',
      tickCount: 6,
      sync: true,
      alias: 'temperature'
    },

    consumption: {
      consumption: 'linear',
      sync: true,
      alias: 'electricity consumption'
    },

    season: {
      sync: true
    },

    date: {
      alias: 'date'
    }
  };

  chart.axis('consumption', {
    label :{
      formatter: val => {
        return val/1000
      }
    },

    grid: {
      type: 'line',
      lineStyle: {
        stroke: '#4A545F',
        lineWidth: 0.5,
        lineDash: [1, 3]
      },
      hideFirstLine: true
    }
  });

  chart.axis('tavg', {
    label: {
      autoRotate: false
    }
  });

  chart.tooltip({
      showTitle: false,
      hideMarkers: true,
      crosshairs: {
        type: 'cross'
      },
      triggerOn: 'click'
    });

  chart.coord('rect', {
      innerRadius: 0.25
    });

  chart.source(data, defs);

  if(window.innerWidth < 800) {

    chart.facet('list', {
        fields: ['season'],
        cols: 2,
        padding: 25,
        autoSetAxis: true,
        eachView: function eachView(view) {
        view.point()
          .position('tavg*consumption')
          .shape('circle')
          .color('#F25652')
          .size(3)
          .tooltip('date*tavg*consumption');
      }});

  } else {

    chart.facet('rect', {
        fields: ['season'],
        autoSetAxis: true,
        eachView: function eachView(view) {
        view.point()
          .position('tavg*consumption')
          .shape('circle')
          .color('#F25652')
          .size(3)
          .tooltip('date*tavg*consumption');
      }});
  };

  chart.render();

index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>G2 - Temperature VS Electricity Consumption</title>
    <script src="https://gw.alipayobjects.com/os/antv/pkg/_antv.g2-3.2.7-beta.4/dist/g2.min.js"></script>
    <script src="https://gw.alipayobjects.com/os/antv/pkg/_antv.data-set-0.8.9/dist/data-set.min.js"></script>
    <link href="https://fonts.googleapis.com/css?family=Ubuntu+Mono" rel="stylesheet">

    <style media="screen">
      body {
        font-family: 'Ubuntu Mono';
      }

      #viz text{
        font-family: 'Ubuntu Mono';
        }
    </style>

  </head>
  <body>
    <div id="viz">

    </div>
  </body>
  <script type="text/javascript" src='chart.js'></script>
</html>