CSE5542

CSE 5542 Lab 01 Directions

Since all this code is hosted on GitHub, you can run this solution using GitHub Pages.

Alternatively, you can open the solution locally by double-clicking the HTML file to run the solution in your browser. Personally, I tested on Google Chrome and Windows 10.

With the solution open, scroll to the bottom and select choose file from the Graph Data Import section. From there, select your Iris data. I’ve included a copy in this solution for your convenience.

With the csv data loaded, choose any of the buttons from Graph Controls menu to begin plotting data. That’s it!

The solution should render as follows (text not included in screenshot):

Sample Graph

Source credit goes to Dr. Han-Wei Shen who provided the template code via their OSU course website. Namely, code05.html, code05.js, code05-csv.js, read-csv.js, and shader_setup_5.js.

Changes to these templates included:

  1. Moving shaders out of HTML and into a shaders.js file.
  2. Reworking global fields into passable object

Solution is freely available under the MIT license.

This site is open source. Improve this page.