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.

Video Game Sales and Ratings

This data is from Video Game Sales and Ratings. The game sales data is collected from VGChartz with corresponding ratings from Metacritic.

This dataset is about video games from different platforms and their ratings and sales from different region.

Uber Drives

This data is from My Uber Drives. Here are the details informations of a Uber Drives of 2016. He is sharing this dataset for data science community to learn from the behavior of an ordinary Uber customer.

This dataset is about each Uber drives' start date, end date, start place, end place, miles and purpose.

Kobe Shoots

This data is from Kobe Bryant Shot Selection. This is a kaggle playgroup event. The data contains the location and circumstances of every field goal attempted by Kobe Bryant took during his 20-year career. Your task is to predict whether the basket went in. For data visualization purpose, I remove this column for better use.

forked from curran's block: 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>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
    <style>

</style>
  </head>
  <body>
    <div class='row'>
    <div class='col-md-4', id="data1"></div>
    <div class='col-md-4', id="data2"></div>
    <div class='col-md-4', id="data3"></div>
    </div>
    <script>
      
      // Use these for other formats:
      // d3.tsv('data.tsv', data => {
      // d3.json('data.json', data => {
      
      // Load and summarize the data.
      d3.csv('vgsales_r.csv', data => {
        
        // Assemble a summary string.
        const summary = [
          'Data table summary: ',
          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('#data1')
          .append('pre')
          .text(summary);
        
        // Log the summary to the console.
        // console.log(summary);
      });
      
       d3.csv('My Uber Drives - 2016.csv', data => {
        
        // Assemble a summary string.
        const summary = [
          'Data table summary: ',
          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('#data2')
          .append('pre')
          .text(summary);
        
        // Log the summary to the console.
        // console.log(summary);
      });

d3.csv('kobe.csv', data => {
        
        // Assemble a summary string.
        const summary = [
          'Data table summary: ',
          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('#data3')
          .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