tld3.js examples

Bar Chart

tld3.upload('./data/barData.csv')
    .then((data) => {
      tld3.make('BarChart')
          .using(data)
          .in('#barchart')
          .changeTitle('Letter Frequency')
          .changeFontStyle('monospace')
          .changeColors(['#26408B']);
      })
      .catch((err) => {
        console.error(err);
      });

Scatter Chart

tld3.upload('./data/scatterData.csv')
    .then((data) => {
      tld3.make('ScatterChart')
          .using(data)
          .in('#scatterchart');
    })
    .catch((err) => {
      console.error(err);
    });

Line Chart

tld3.upload('./data/lineData.csv')
    .then((data) => {
      tld3.make('LineChart')
          .using(data)
          .in('#linechart');
    })
    .catch((err) => {
      console.error(err);
    });

Multi-Line Chart

tld3.upload('./data/multiLineData.csv')
    .then((data) => {
      tld3.make('LineChart')
          .updateTimeFormat('%Y%m%d')
          .using(data)
          .in('#linechart');
    })
    .catch((err) => {
      console.error(err);
    });

Donut Chart

tld3.upload('./data/donutData.csv')
    .then((data) => {
      tld3.make('DonutChart')
          .using(data)
          .in('#donutchart');
    })
    .catch((err) => {
      console.error(err);
    });