RainismZ · September 18, 2017 20:51
diff --git a/.block b/.block
 license: mit
diff --git a/README.md b/README.md
diff --git a/data.csv b/data.csv
diff --git a/index.html b/index.html
 <!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.
      d3.csv('data.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('body').append('pre').text(summary);
        
        // Log the summary to the console.
        console.log(summary);
      });

    </script>
  </body>
 </html>
diff --git a/thumbnail.png b/thumbnail.png
	<!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.
	d3.csv('data.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('body').append('pre').text(summary);

	// Log the summary to the console.
	console.log(summary);
	});

	</script>
	</body>
	</html>