Skip to content

mathematiCode/Visual-Fraction-Library

Repository files navigation

Visual Fraction Library

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

Check it out here: Visual Fraction Library

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 ✅