Giter VIP home page Giter VIP logo

mathematicode / math-visual-library Goto Github PK

View Code? Open in Web Editor NEW
0.0 3.0 1.0 13.5 MB

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

Home Page: https://mathvisuals.netlify.app/

HTML 33.10% JavaScript 52.70% CSS 14.20%
conceptual division education fraction fractions k12 k12contentdevelopment k12education learning math mathematical-modelling mathematics multiplication visualization svg svg-image fractions-library png visuals

math-visual-library's Introduction

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 and a javascript library with many different types of math visuals and customization options.

Math Visual Functions/Pages to Create

  • Fraction Bar ✅
  • Fraction Circle ✅
  • Improper Fraction Representations ✅
  • Fraction Division Bar when dividend > divisor ✅
  • Fraction Division with Circles [in progress]
  • 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 ✅

    • math-visual-library's People

    Contributors

    mathematicode avatar ijaabel avatar

    Watchers

    avatar avatar avatar

    Forkers

    ijaabel

    Recommend Projects

    • React photo React

      A declarative, efficient, and flexible JavaScript library for building user interfaces.

    • Vue.js photo Vue.js

      🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

    • Typescript photo Typescript

      TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

    • TensorFlow photo TensorFlow

      An Open Source Machine Learning Framework for Everyone

    • Django photo Django

      The Web framework for perfectionists with deadlines.

    • D3 photo D3

      Bring data to life with SVG, Canvas and HTML. 📊📈🎉

    Recommend Topics

    • javascript

      JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

    • web

      Some thing interesting about web. New door for the world.

    • server

      A server is a program made to process requests and deliver data to clients.

    • Machine learning

      Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

    • Game

      Some thing interesting about game, make everyone happy.

    Recommend Org

    • Facebook photo Facebook

      We are working to build community through open source technology. NB: members must have two-factor auth.

    • Microsoft photo Microsoft

      Open source projects and samples from Microsoft.

    • Google photo Google

      Google ❤️ Open Source for everyone.

    • D3 photo D3

      Data-Driven Documents codes.