Embeddable Widgets

Free JEE Calculators for Your Website

Embed any JEEVisionary calculator on your education blog, coaching site, or student portal with a single <script> tag. Self-contained, no backend, mobile-responsive, dark-mode aware. All data stays in your visitors' browsers.

View All Widgets →JEEVisionary Calculators →

Quick Start

How to Embed

Add the script in your page <head> or before </body>:

<script src="https://jeevisionary.in/js/embed-calculator.js" defer></script>

Add a container where you want the widget:

<div data-jv-embed="cgpa" data-jv-title="CGPA to Percentage"></div>

Optional attributes:

Attribute	Values	Default	Description
`data-jv-embed`	`cgpa`, `marks-percentile`, `rank-predictor`, `college-predictor`	—	Calculator type
`data-jv-title`	Any text	Calculator default	Custom widget title
`data-jv-theme`	`light`, `dark`, `auto`	`auto`	Color theme
`data-jv-width`	CSS width (e.g. `300px`, `100%`)	`100%`	Widget width
`data-jv-accent`	Hex color (e.g. `#0066cc`)	`#ff5a1f`	Accent color

Live Preview

Try the Widgets

CGPA to Percentage

Marks vs Percentile

Rank Predictor

College Predictor (Demo)

Copy-Paste Snippets

Ready-to-Use Code

CGPA Converter

<script src="https://jeevisionary.in/js/embed-calculator.js" defer></script>
<div data-jv-embed="cgpa" data-jv-title="CGPA to Percentage" data-jv-theme="auto"></div>

Marks vs Percentile

<script src="https://jeevisionary.in/js/embed-calculator.js" defer></script>
<div data-jv-embed="marks-percentile" data-jv-title="JEE Marks vs Percentile" data-jv-width="100%"></div>

Rank Predictor

<script src="https://jeevisionary.in/js/embed-calculator.js" defer></script>
<div data-jv-embed="rank-predictor" data-jv-title="JEE Rank Predictor" data-jv-accent="#0066cc"></div>

College Predictor

<script src="https://jeevisionary.in/js/embed-calculator.js" defer></script>
<div data-jv-embed="college-predictor" data-jv-title="College Predictor" data-jv-theme="light"></div>