feliciousx / simple-vanilla-pictograph-editor

Vanilla Pictograph Editor

Simple Vanilla Pictograph Editor

Basic requirements:-

• Build a chart with custom icons
• Build an editor to accommodate the chart
• The chart can be moved around freely in the editor
• The chart can be resized freely in the editor
• User can insert data to the chart as desired
• User can edit data of the chart after initial creation
• User can change colors of the icons of the chart
• User can change the icons for the chart (e.g. men, women, etc.)

Example:

Man Utd 7, Chelsea 3 -> 7 icons colored in a certain color, 3 icons colored in a different color Also known as a pictogram http://en.wikipedia.org/wiki/Pictogram

NOTE:

• Take care not to have any memory leaks
• Performance must not be laggy
• Bug free
• Cross browser compatibility (except IE9 and below)
• Strictly no libraries or framework can be used (e.g. no JQuery, Bootstrap, D3.js etc)
• Exception of API is allowed for social network publishing only (e.g. Pinterest API)
• Please explain your workflow for your code as well
• If, by any chance, you are not able to complete a particular task, do explain why and what are the challenges you face?

simple-vanilla-pictograph-editor's Issues

Adding new icons will generate default black coloured icons

If you have changed the icon colors, changing the icon value to generate new icons will result in new black icons.

Icon selection should default to current icon when click edit

When clicking on the Edit button, the icon options are cleared and default to none.

This means user MUST choose a new icon everytime even though they don't want to edit the icons.

Testing on other browsers

So far I have only tested on:-

• Firefox 34 [Linux]
• Chrome 36 [Linux]

Anymore help with other browser is appreciated 😄

Cannot move vertically after resize

After resizing to the smallest size possible (using vertical or diagonal resize), the chart cannot be moved vertically (only can be moved horizontally).