Visual Fraction Library

This is a library of visuals that model mixed number and fraction operations. All images are generated as SVGs.

My goal is to have a website fraction visuals and customization options for use by teachers and curriculum developers.

Note: I have paused working on this project to learn React for a few months. I may redo it in React and add many more types of visuals but I'm not sure yet.

Math Visual Functions/Pages to Create

• Fraction Bar ✅
• Fraction Circle ✅
• Improper Fraction Representations ✅
• Fraction Division Bar when dividend > divisor ✅
• Fraction Division with Circles ✅
• Fraction Division when dividend < divisor with a circle ✅
• Fraction Multiplication Area Model ✅
• Fraction Multiplication Group Model ✅
• Fraction of a Whole Number Model (subset of multiplication)
• Maybe More?

Customization Options and Features ✅

Change color(s) ✅

Show/Hide Labels

Change model (circles/bars/area model) ✅

Change line width ✅

Change spacing between multiple items

Copy to Clipboard ✅

Download as SVG ✅

Change size of image ✅

Download as PNG ✅