The Silver Screen: Historical Movie Metadata Collection

Loading and parsing the data in the CSV file using d3

This website was developed utilizing HTML, CSS, SVG, and D3.

In this website we provided the details on movie ratings, reviews,box office performance, release dates and genres,. 


    
      const csvUrl =
https://gist.githubusercontent.com/band7674/3b0cca1651a753252fc39bf311e6a585/raw/c39b331d2302db6848697f3d6f949100550216de/Varma.csvVarma.csv';
      // With d3.csv
      d3.csv(csvUrl).then((data) => {
        let message =
          'Data summary of the CSV fileļ¼š\n Size of the file in Kilo Bytes:';
        message =
          message +
          Math.round(d3.csvFormat(data).length / 1024) +
          ' kB\n';
        message =
          message +
          'Size of the file in Bytes:' +
          Math.round(d3.csvFormat(data).length) +
          'Bytes\n Number of rows:';
        message = message + data.length + ' rows\n';
        message =
          message +
          'Number of Columns:' +
          data.columns.length +
          ' columns';
        document.getElementById(
          'message-container',
        ).textContent = message;
      });