[unlisted] Fixed Anqi Data Table Summary

This example summarizes a data table using Datalib. You can fork this Block and change the data to get a quick overview of the shape of your data.

The first dataset is from Breast Cancer Wisconsin (Diagnostic) Data Set

This dataset contains information about breast cancer diagnosis and symptoms.

The second dataset is from IMDB 5000 Movie Dataset

This dataset contains about 5000 movies on IMDB containing information on movie rating, duration, directors, actors, and etc.

The third dataset is from Climate Change: Earth Surface Temperature Data

This dataset contains temperature on land and ocean on earth since 1750. I took only GlobalTempature.csv from this dataset.

forked from curran's block: Data Table Summary

forked from anqi-lu's block: [unlisted] Fixed Anqi Data Table Summary

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Data Summary</title>
    <script src="https://d3js.org/d3.v4.min.js"></script>
    <script src="https://unpkg.com/datalib@1.8.0/datalib.min.js"></script>
    <style>

</style>
  </head>
  <body>
    <script>
      
      // Use these for other formats:
      // d3.tsv('data.tsv', data => {
      // d3.json('data.json', data => {
      
      // Load and summarize the data.
    datasets = ['breast_cancer', 'GlobalTemperatures', 'movie_metadata']
    datasets.map((name) => {
      d3.csv(name+'.csv', data => { 
        console.log(name)
        console.log(data)
        
        // Assemble a summary string.
        const summary = [
          'Data table summary for ' + name + ':',
          data.length + ' rows',
          data.columns.length + ' columns',
          Math.round(d3.csvFormat(data).length / 1024) + ' kB',
          '\nSummary of each column:',
          dl.format.summary(data)
        ].join('\n'); 
        
        // Show the summary string on the page.
        d3.select('body').append('pre').text(summary);
        
        // Log the summary to the console.
        console.log(summary);
      })
      });
    </script>
  </body>
</html>

https://d3js.org/d3.v4.min.js

https://unpkg.com/datalib@1.8.0/datalib.min.js