Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mathematicode/visual-fraction-library

A library of math visuals for K-12, mostly fraction operations
https://github.com/mathematicode/visual-fraction-library

conceptual division education fraction fractions fractions-library k12 k12contentdevelopment k12education learning math mathematical-modelling mathematics multiplication png svg svg-image visualization visuals

Last synced: 10 days ago
JSON representation

A library of math visuals for K-12, mostly fraction operations

Host: GitHub
URL: https://github.com/mathematicode/visual-fraction-library
Owner: mathematiCode
Created: 2024-07-08T19:17:17.000Z (7 months ago)
Default Branch: main
Last Pushed: 2024-11-27T19:43:48.000Z (2 months ago)
Last Synced: 2024-11-27T20:31:46.654Z (2 months ago)
Topics: conceptual, division, education, fraction, fractions, fractions-library, k12, k12contentdevelopment, k12education, learning, math, mathematical-modelling, mathematics, multiplication, png, svg, svg-image, visualization, visuals
Language: JavaScript
Homepage: https://visualfractionlibrary.com/
Size: 13.3 MB
Stars: 1
Watchers: 3
Forks: 1
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

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](https://visualfractionlibrary.com/)

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 ✅