Proposed Logo for WebPlot Digitizer

Words
392
Reading
2 min
Listen
Play
9y

intro_post.png

What is WebPlot Digitizer?

webplot intro.JPG

WebPlot Digitizer is basically an opensource web-based tool for extracting coordinates from images containing plots, charts, maps and graphs, which is a useful analysis tool for scientists and engineers. I personally use this tool to extract data from complex spectra images so I could analyze it numerically. You can visit their website here.

Ideas


To represent the entire purpose of this tool with a single logo, I came up with three symbols: a polynomial curve (for mathematical graphs), a grid (for maps), and a sigma sign which is a well-known symbol for data analysis. These elements provide strong representation providing anyone with ideas of what the tool can do at a first glance.

design concept.png

I then continued by brainstorming ideas by sketching whatever comes to my mind.

image.png

Design Results


logotype_green_cambria_math.png
After several attempts, here are the results of my work. At first I used Cambria Math font which looks friendly to its main users (scientists and engineers) since it is commonly used in scientific papers. However, I decided to use a simpler minimalistic Arial font.

green_variant.png

Color Variants

color_variants.png

icon_sizes.png

logo_type_3.png

Benefits / Improvements

webmockup comparison.png

  • The proposed logo clearly represents what this tool is capable of.
  • The grid lines shows that the tool can extract data from maps and pixel-based images.
  • Polynomial curve represents its multiple functions as a data-analysis tool.
  • The polynomial curve resembles an integral sign which represents integration of many useful features.
  • The sigma sign is a familiar symbol for scientists and engineer to signify data-analysis.
  • Green color is a more appropriate theme for data-analysis tools (such as Microsoft Excel, Apple Numbers, and Google Sheets) so people can clearly recognize and associate this tool with familiar programs.

Mockups

These mockups are screenshots in my PC using the installed icons I've made.

mockssdfs.png

details_color.jpg

Proof Of Work


Design was created using Adobe Illustrator.
1.png

3.png

4.png

5.png

5,5.png

6.png

8.png

Response of the Project Owner

You can see his response here.

Fixed Thin Lines

To address the moderator's comment on the presence of thin lines which may not work on small size, I just increased the width of the grid lines. Here is the updated version.

for_posting.png

icons_posting.png

Click here to download the original files.

Click here to download the updated files (Thin lines fixed)

Click here to access its github repository.

Credits:



Posted on Utopian.io - Rewarding Open Source Contributors

Proposed Logo for WebPlot Digitizer | Ecency