EvoNote: A Note-Taking Platform for All of Your Graphing Needs
Have you ever taken notes on your computer while your professor was drawing a graph on the chalkboard? You might have dug in your backpack to draw it on paper or attempted to draw the graph on your laptop, only to realize how messy your graph looked. To solve this problem we created EvoNote, a website that allows users to quickly make clean, editable graphs directly within their notes.
Site Layout
The site is broken into a home page where you can sign in with a Google account, a library page where you can view your notes and folders, an editor page where you create your notes, and a help page which provides information on how to use the editor. The editor allows the user to add a variety of customizable widgets to their notes, seamlessly integrating text-based and graph-based note taking.
The Note Editor
Once a user creates a new note, they will see a sidebar, toolbar, and canvas. With the toolbar, users can select items, draw curves, or drop points onto the screen.
On the right side of the screen, users will see a collection of customizable widgets that can be added to the note.
To edit the properties of a widget, the user can select in by clicking on it and then use the “Widget Info” panel on the right.
Key Editor Features
Grapher
This widget lets the user plot one or more equations and can be customized to change the location of the origin and the scale of the axes.
Pen
Users can draw using the pen tool. The autofit button causes the lines drawn to be fit to the appropriate regression. The backend generates several lines of best fit using different functions. In order to decide which function to use, the backend takes into account the simplicity of a function as well as its fit in order to output the final line.
Graphs for Economics and Mathematics
Package graphs are prebuilt graphs that have equations already in them. They have labels that show horizontal and vertical lines at fixed points. Some equations have coefficients which can be altered with sliders, the user can see the real-time effects of the changing coefficients on the function.
Text Editor
The user can also insert one or more resizable text editors which behave similarly to Google Docs and Microsoft Word.
Note Library
The note library contains a variety of note and folder functionality.
Note List
The users can view their notes and sort by title, date created, last modified, and folder. The users can navigate to the note by pressing on the title.
Note Options
The user can create a note from the sidebar and input the title and choose between freehand and split note. Under the actions column, the user can edit the note name, add or remove the note from a folder, delete the note, and share the note with another user.
Folders
Users can create a folder from the sidebar and input the title of the folder. The folder will then appear on the sidebar. By pressing on the folder, the user can view the notes in the folder, edit the folder name, and delete the folder.
Search Bar
The user can use the search bar at the top of the screen to search for notes.
Shared Notes
The user can view which notes are shared with them and access the note on a view only basis.
Logging In
From the home page, you can sign in with your Google account. You can also try out the editor without signing in by navigating to one of our demo notes.
Our Mission
As stated before, we wanted to provide a more organized and optimal solution for graph note-taking, but we were also big on accessibility in our research and design phase. We realized that other solutions to our problem were costly because they either required expensive technology like tablets or weren’t optimal for saved notes. We believe our solution is both cost-effective and great for taking and saving notes, so we hope it makes education more efficient and accessible.
The Team
We are a collective of seniors from Dartmouth College. From left to right we have Samuel Wang, Benjamin Cullivan, Denzel Acheampong, and Vincent Liu.
Sign up on EvoNote today!
