https://github.com/giovtorres/midterm-viz

Visualize academic test results with D3 graphs
https://github.com/giovtorres/midterm-viz

Last synced: about 2 months ago
JSON representation

Visualize academic test results with D3 graphs

• Host: GitHub
• URL: https://github.com/giovtorres/midterm-viz
• Owner: giovtorres
• Created: 2015-03-12T23:34:53.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2015-03-13T00:21:45.000Z (almost 10 years ago)
• Last Synced: 2023-08-14T08:20:47.140Z (over 1 year ago)
• Language: HTML
• Homepage:
• Size: 367 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Midterm Viz

===========

Midterm Viz is a set of D3 graphs created to visualize academic test results such as midterms or final exams.  

It contains four sections:

- Summary

- Multiple Choice questions

- Short Answer questions

- Long Answer questions

Summary Section

---------------

![Summary](screenshots/summary.png)

The summary section is a horizontal bar graph that shows the overall exam grades.

The grades for this section are stored in *grades/summary_grades.csv*.

Multiple Choice

---------------

![Multiple Choice](screenshots/part1.png)

The multiple choice section uses a big and a small circle to represent correct and incorrect responses respectively.  With this graph, it is easy to see which questions were too easy or too hard.

The answers for this section are stored in *grades/part1_grades.json*.

Short Answer Questions

----------------------

![Short Answers](screenshots/part2.png)

The short answer section uses a grouped bar chart.  Each group represents a the total number of responses for each question.  There are six bars in each group, each representing the number of responses by points.  Each question in this section is worth 5 points.

The answers for this section are stored in *grades/part2_grades.csv*.

Long Answer Questions

---------------------

![Long Answers](screenshots/part3.png)

The long answer section uses a stacked bar chart.  Each bar shows the total number of points per student for this section.  Each of the three questions in this section are stacked to provide the total.

The answers for this section are stored in *grades/part3_grades.csv*.

Instructions

============

First, clone the project:

    git clone https://github.com/giovtorres/midterm-viz.git

Then, edit *grades.html* to match your exam structure.  You will probably have to add, remove and or expand sections.

Next, you will need to substitute grades for each section.  You may have to adjust some widths if the graphs become too wide.

Inspiration

===========

The *grades.html* page and graphs were inspired by the following [D3 examples](https://github.com/mbostock/d3/wiki/Gallery):

- http://bl.ocks.org/mbostock/3887051

- http://bl.ocks.org/mbostock/3886208

- http://neuralengr.com/asifr/journals/