unsuitable001 / bitviz

A Bitwize Operation Visualizer

BitViz

A Bitwise Operation Visualizer - casting the beauty of fiddling bits on your screen.

Build

If you want to build a binary for your platform, do this :

yarn install
yarn build

Binary will be in the dist folder

Installation

• Live Website - no installation required
• Firefox Addon - See Manual Installation Guide - (I'm trying my best to make it available in Mozilla Addon Store)
• Chrome Extension - See Manual Installation Guide - (I'm trying my best to make it available in Chrome Web Store)

Firefox Addon & Chrome Extension works offline. Working on making standalone app for Windows, Linux & Mac.

Getting Started

Launch Firefox/Chrome App

Adding A New Variable

Selecting A Variable

There are two types of selection in BitViz.

Primary Selection - Single Click the variable name to primary select that variable - Single Click to deselect

Secondary Selection - Double Click the variable name to secondary select that variable - Double Click to deselect

If you are doing self-assignment operation (e.g NOT, Left Shift, Right Shift etc.), it will be implied upon the "Primary Selected" variable.

Else, The operation is done on the "Primary Selected" variables, but, the value will be assigned to the "Secondary Selected" variable.

Features

Left & Right Shift

Increment by 1

Decrement by 1

NOT

AND

OR

XOR

Basic Maths Operations

Legends & Keybindings

More Keybindings

• Delete variables -> D
• Equalizing two variables -> = (from primary to secondary selection)
• Multiplying between variables -> *
• Adding between variables -> +
• Dividing between variables -> /
• Subtracting between variables -> -

This project is under MIT License

Author

Soumyadip Mondal(unsuitable001)

Credits

A tiny part of Semantic-UI is used to build the UI.

@newvertex for modals & packing it as electron app.

Connect With Me

Gitter

Twitter

Website

Thanks for checking out. Please put a star :P. Share It, Fork It.

bitviz's Issues

A Standalone App

Make a Standalone App. Using Electron/NW.js

Add QA Tests

Add QA Tests for syntax checking, linting & following a standard style. Also, adding badge to the README.md (because, badges are the new 🔥 )

Transfer all inline js to seperate js file

Dealing with char variables

Currently, if we add a char variable, it gets type-casted to int32.
But, now, we want to deal with char variables as char variables.

Files to look at index.js

Create A wiki page

Create A wiki page not only describing what the app does, but also explaining basics of bit wise operations

Add A Proper Readme & Help File

Add A Proper Readme & Help File to guide users how to use the app.

A Firefox/Chrome extension

A Firefox/Chrome extension based on this webapp for offline usage