Log Scale Overview illustration draft V 0.1

**** Update *****

This illustration is complete.
See it here

**** Update *****

First draft of an illustration showing how different types of data look when graphed on linear, semi-log and log-log scales.

The idea is to give provide a visual explanation of how to interpret graphs based on the scales used on the axes. This will help with the interpretation of different visual representations as well as provide a foundation for understanding some common concepts that are explained using log or semi-log scales. Examples include the pH scale, the Richter scale (and its modern equivalent the moment magnitude scale) and measuring sound with decibels.

In this draft the implementation is still rough. the goal was to get the basic transitions between linear and log scales working with a few artificial data sets. A lot of little details need to be modified to get the illustration working more smoothly.

v0.1 Status:

  • There are two sets of three buttons.
    • The set towards the top right toggle the data between linear-linear, linear-log and log-log sets.
    • The set of three buttons along the bottom toggles the scaling on the axes between linear-linear, semi-log, and log-log
  • Clicking any of the buttons causes the state of the graph to transition to a new state of data/axis scales.

Next steps:

  • Add an element showing the dataset as a table.
  • Add more types of data to the illustration (more buttons in the list at the top right.
  • Edit the button highlighting to make the status of the illustration more clear
  • A grid system should be added to the graph in order to make the linear and log patterns more clear.
  • Add markers (dots or x's) on the line to indicate where the data points are. This will make it easier to see how the graphing patterns change with different data types and axis scales.
  • The window scaling is not working for all elements.

Bond Energy Rewrite Posted Next >