Data Collection: Display Data

Starting with the spreadsheet of Emoji Data we created last week, let’s prototype creating a webpage with this Data. You may copy this data as a starting point, or use it directly. You may find it useful to setup a copy, so that you can "clean up" the data as needed.

Review the notes on JSON to start.

  1. Convert using a tool like CSV to JSON
  2. Download or copy-paste your converted contents into a new .json file and save into your a new folder for this activity.
  3. Fetch the latest referencee code from our demos repo, in the folder: activities/display-data/
  4. Using JavaScript and CSS, create a webpage that displays the Emoji data. Consider what your organizing principle — what information you’d like to prioritize the most. Consider:
  • What other data might you choose to use?
  • What data do you want to display directly? What data might you use just for formatting / styling purposes?
<>