Introduction to NGFINITY

NGFINITY is a free, browser-based height comparison and scale visualisation platform. It was built around a single idea: numbers on their own are difficult to picture, but the same numbers placed side by side on a shared scale become immediately understandable. Instead of reading that someone is 180 cm tall and trying to imagine what that looks like, NGFINITY lets you drop that person next to a 165 cm friend, a 200 cm NBA centre, an African elephant, Mount Everest, or the observable universe, and see the difference in a single glance.

The platform combines six comparison categories, a full three-dimensional walkthrough, a companion height calculator, a forty-plus-unit converter, and a personal height tracker with a live growth chart. Everything runs in the browser, requires no account, and restores itself the next time you open the page. The sections below walk through each part of the platform in detail, list every feature currently available, and explain how the different tools fit together.

What Is NGFINITY?

At its core, NGFINITY is a shared-scale canvas. Any figure you add — a custom character, a celebrity, a country average, an animal, a mountain, a planet — is placed against the same visible ruler, so every entity is directly comparable to every other entity on the same chart. You are not limited to comparing two things at a time: the lineup can hold as many entries as you want, in whatever order you want, drawn from any combination of categories.

Above the canvas, a 2D / 3D toggle switches between the flat side-by-side lineup and a fully interactive three-dimensional scene. In 3D, every figure becomes a full humanoid model (or a billboard for non-human entities) standing on a shared grass ground plane, surrounded by rolling terrain, a roadside motel, a stone castle, a large tree, scattered rocks, a visible sun, and a starfield in dark mode. You can orbit the camera freely, walk through the scene in first person, follow behind a selected figure in third person, place stone blocks, mine them with a pickaxe, or throw a bare-handed punch. The 2D and 3D views are two windows onto the same lineup — nothing you add to one disappears when you switch to the other.

The platform is not limited to a single page. The main canvas is complemented by four companion tools that share the same site settings and the same unit preferences:

• Height Calculator — predicts a child's adult height using the Khamis-Roche method, with a visual comparison preview against both parents.
• Unit Converter — converts heights and weights across more than forty units, including special multi-input formats such as feet & inches and stone & pounds.
• Height Tracker — records height and weight entries over time, draws a dual-axis growth chart, overlays WHO reference bands, projects future growth, and can send any entry directly back to the main canvas.
• NGFINITY Math — a full suite of advanced mathematical tools including a scientific calculator, a function grapher, a symbolic equation solver, and an interactive 3D solid geometry viewer.

Every page on the site respects your chosen measurement system (Metric or US), your light or dark theme, and your saved preferences. Nothing you enter leaves your device: the lineup, the blocks you place in 3D, your height log, and your profile are all stored in the browser's localStorage.

How to Use the Main Canvas

The comparison canvas is driven by a row of category tabs sitting above the add-person form: Add Person, Celebrity, Country, Animal, Entity, and Custom Image. Only the fields relevant to the selected category are shown. Choose a category, fill in the relevant details, press the create button, and the new figure appears on the canvas. Repeating the process builds up an arbitrarily long lineup.

When the canvas is empty, a floating + Add Person button appears in the centre of both the 2D and 3D views. Clicking it scrolls the page down to the Add Person form so you can start a comparison straight away. The button hides itself the moment the first figure is placed and reappears after the lineup is cleared.

Add Person is the free-form category. Give the figure an optional name, choose Male or Female, pick one of the more than one hundred avatars available for that gender, enter a height in centimetres (or switch to US units and enter feet and inches), and choose an outline colour. The colour picker offers ten quick presets, an expandable grid of additional named colours, and a full custom colour wheel that accepts any hex value you like. The colour is applied both to the 2D silhouette and, in the 3D view, to the figure's shirt material.

Celebrity opens the public-figure library, which is split into three tabs: Public Figure, Anime Character, and Fictional Entity. Type in the search bar to filter the list live, or scroll through it directly. Clicking any entry expands it in place, showing its recorded height, its gender, a full avatar grid matching that gender, a colour picker, a + Add to Chart button, and a Cancel link. Nothing is added to the canvas until the add button is pressed, so you can preview and change your mind freely.

Country shows national height averages for men and women across more than a hundred countries. Switch between Male Average and Female Average, type in the search box to filter by name, and click any row to add that country's average to the canvas as a figure labelled with its flag and name. Above the list, a small figure picker lets you step through the custom people you have placed on the canvas one by one. A Show world summary toggle reveals a panel that reports your position against every country in the dataset: how many national averages you exceed, your population-weighted percentile against the world's population, your closest national match in centimetres, and how you compare with the tallest national average in the list. The toggle's expanded or collapsed state is remembered between visits.

Animal provides a searchable library of more than one hundred species. Familiar animals such as elephants, giraffes, lions, and polar bears sit alongside prehistoric creatures such as the Tyrannosaurus Rex, Megalodon, Titanoboa, and the various sauropods, so you can compare a person directly with a modern or extinct creature.

Entity has three sub-tabs: Mountain, Object, and Astronomical Object. Mountain covers the ten tallest peaks in the world, from Annapurna to Everest. Object covers everyday shapes from a basketball hoop up to a wind turbine. Astronomical Object steps far beyond everyday scale, with planets, the Sun, a selection of prominent stars, black holes, galaxies, nebulae, comets, and the observable universe itself. Because these entries are vastly larger than a human, adding one will trigger an automatic zoom-out so the whole shape stays visible on the canvas.

Custom Image supports two separate workflows. Upload Image lets you add a picture from your device with an optional name and a height value, in metric or US units; the image is stored in the browser so it survives a page refresh. Create AI Image takes a text prompt, a name, and a height, and generates an image that is automatically placed on the canvas at the height you entered. Both workflows produce figures that behave exactly like any other custom person once they are on the canvas.

Managing the Lineup

Every figure on the canvas can be managed individually without affecting the rest of the lineup. Click a figure to zoom its name label to a readable size and reveal a delete button, or click the same figure again to un-zoom. Open the Adjust panel to see the Lineup Order: this lists every figure in the order it appears on the canvas, with a delete button and move-up and move-down buttons on every row. For custom figures — people, uploaded images, and AI images — clicking the label itself opens an inline editor that lets you change the name and the height without removing and re-adding the figure. The image resizes automatically to match the new height, and the label text updates in place.

You can also reorder the canvas directly. Press and hold any figure for a moment and drag it left or right; the whole row shifts to make room and the matching row in the Lineup Order panel moves with it. The same drag-to-reorder behaviour works in the Lineup Order panel itself, so you can arrange the lineup from either view.

Below the ruler, a horizontal scrollbar slides the whole lineup sideways. It stays synchronised with touch, mouse wheel, and drag scrolling, and it disables itself automatically when the lineup is short enough to fit on screen. Use Zoom In and Zoom Out to change the display scale, and hold either button to zoom continuously. Clear All wipes the canvas and every block placed in 3D after a confirmation dialog, and the lineup scrolls back to the start.

The Share button opens a dialog that produces a link to your current chart. The link is gzip-compressed, and anyone who opens it sees the exact same lineup: the same figures, the same heights, the same colours, the same zoom level, and the same unit system. Uploaded photos are excluded from the link because of their size — the dialog warns you how many have been skipped. The link can be copied to the clipboard or handed directly to your device's native share sheet.

Canvas Appearance

The Customize panel controls how the canvas itself looks. Under Grid Style, choose Lines to show the full measurement grid, Clean to keep only the main reference lines, or None to hide the grid entirely. Under Grid Color, pick any colour and press Apply to recolour the measurement marks, or press Reset Color to return to the default. Under Background Color, choose Light, Dark, Ocean, or Sky, or open the custom picker and enter any hex colour you like; the text colour on the canvas automatically switches to black or white depending on the brightness of the background. Below that, an image can be set as the canvas background, with a slider controlling its opacity.

A separate slider controls the ruler's own opacity, so you can fade the measurement marks without affecting the figures or the background. The site-wide theme (Light or Dark) is switched from the navigation menu and is applied independently of the canvas background. Every one of these preferences — grid style, grid colour, canvas background, background image, background opacity, ruler opacity, and site theme — is stored locally and restored on your next visit.

The 3D Height Display

The 2D / 3D toggle is the entry point to the three-dimensional view. Every figure on the 2D canvas is rebuilt in 3D as a realistic humanoid model — with gender-appropriate proportions, a skin tone, and a shirt colour that matches the figure's 2D outline. Non-human entities (animals, mountains, objects, astronomical bodies) are rendered as textured billboards at the correct height. Every figure keeps a floating name and height label that billboards toward the camera, so the comparison stays readable from any angle.

The 3D scene is not just a backdrop. It is a walkable world with a displaced terrain height field, distant mountains, a roadside motel with a walkable interior, a stone castle with a courtyard, towers, and an inner keep, a large tree on its own mound, scattered rock formations, a visible sun disc with a halo, and a starfield in dark mode. A tall beacon made of a rotating crystal, a soft additive glow, and a light shaft marks the position of the lineup from anywhere in the scene, so you never lose your place.

Three camera modes are available from the CAMERA panel:

• Free — orbit, pan, and zoom around the lineup using mouse drag, touch pinch, the scroll wheel, or the on-screen D-pad. The camera automatically lifts itself above the terrain so it never clips through a hill.
• 1st Person — walk through the scene at ground level with a first-person camera, a full movement and jumping model, and a live eye-height readout in the HUD.
• 3rd Back — a following camera that stays behind the currently selected figure, useful for third-person exploration.

In play modes, movement is handled by the WASD keys, the arrow keys, or the on-screen D-pad. Shift runs, Space jumps, and a dedicated JUMP button on mobile performs the same action. Jump height is tuned so that a figure clears exactly one stone block. A dropdown in the top-left of the view lets you choose which figure to play as, so you can explore the scene at the height of a person, an animal, or a mountain entity.

The 3D view also includes a small block-building system. Three tools sit in a toolbar at the bottom of the screen: a stone block, a pickaxe, and a bare hand. The block tool places one-metre cubes against the terrain or against existing blocks, with a live ghost preview showing exactly where the next block will go. The pickaxe breaks blocks over time, with a progress bar and a red highlight on the targeted block. The bare hand triggers a quick punch animation. Blocks, and the tool you last held, are both stored locally and restored after a page refresh.

A dedicated rotate button switches the 3D view into landscape using the device's screen-orientation lock where available, with a CSS rotation fallback for browsers that don't support it. The controls box in the corner can be collapsed to a single tab if you want a clearer view of the scene. A Reset button returns the camera to its default framing, and a settings gear in the top-left opens a panel with sliders for look sensitivity, movement speed, D-pad size, D-pad edge offsets, Jump and Hit button size and position, the toolbar's size and position, and the CAMERA panel's own scale and position. Every one of these settings is stored and restored on the next visit.

The Height Calculator

The Height Calculator predicts a child's adult height using the Khamis-Roche method, a widely used non-skeletal formula that combines the child's current height and weight, the parents' heights, the child's age, and the child's sex. The calculator accepts input in Metric or US units, and converts everything internally so both unit systems give identical results. It also shows a live BMI readout as the child's height and weight are entered.

Below the result, a visual comparison section draws two side-by-side ruler displays. The first shows Mom, the child at their current height, and Dad standing on the same baseline. The second shows Mom, the child at their predicted adult height, and Dad. Both displays use the same silhouette and colour scheme as the main canvas, so the prediction reads immediately as a comparison rather than a list of numbers.

The same page also carries a quick-reference table of feet-and-inches to centimetre conversions, from 4'5" up to 8'0", so you can check a common height at a glance without opening the converter.

The Unit Converter

The Unit Converter handles both height and weight, each with its own tab and its own set of supported units. Height covers nanometres, micrometres, millimetres, centimetres, metres, kilometres, angstroms, inches, feet, yards, miles, nautical miles, fathoms, furlongs, chains, rods, leagues, hands, cubits, astronomical units, light-years, and parsecs. Weight covers micrograms, milligrams, grams, kilograms, metric tons, ounces, pounds, stone, US tons, UK long tons, carats, grains, pennyweights, troy ounces, troy pounds, slugs, hundredweights in both US and UK flavours, drams, atomic mass units, solar masses, and Earth masses.

Both categories include two special multi-part units. Height has ft & in, which shows two side-by-side fields so measurements like 5 ft 9 in can be entered naturally. Weight has st & lb, which does the same for stone and pounds. Results are shown in a single value field for scalar units, or in two fields for the multi-part units, and very large or very small values are automatically rendered in scientific notation. Conversion happens live as you type, the two sides can be swapped with a single click, and pressing Enter in any field triggers the conversion.

The Height Tracker

The Height Tracker is a personal log of height and weight measurements over time. Every entry stores a date, an optional height, an optional weight, and an optional note. The page draws a dual-axis growth chart with height on the left axis and weight on the right, interactive dots that show the exact values when hovered or tapped, and two legend chips that toggle each series on or off.

Four summary cards at the top of the page report the latest measurement, the change since the previous entry, the change since the first entry, and the latest computed BMI. A separate BMI calculator section below the profile accepts any height and weight and categorises the result according to the standard adult bands. The entry form shows a live BMI readout as you type, so you can see the value before you commit an entry.

Filling in the optional profile (sex and birth year) unlocks two further features. The first is a WHO reference band overlaid on the chart, showing the 3rd-to-97th percentile range for the user's age. The second is a dashed height projection that estimates where growth is likely to end up, based on the recent rate of growth; it appears once there are at least three height entries, a birth year is filled in, and the user is still within the age range where further growth is expected.

Any individual entry can be sent to the main canvas with the Add to chart button on its row, which opens the NGFINITY comparison tool with a figure at that exact height named after the entry's date. The Send heights to chart button at the top of the page sends every height entry at once, so a full growth history can be lined up against country averages, celebrities, or anything else in the library. All tracker data is stored locally, follows the site-wide unit preference, and survives a page refresh.

The Math Suite (NGFINITY Math)

While NGFINITY was built to visualise physical scale, we also built NGFINITY Math — a dedicated suite of advanced mathematical tools accessible from the main navigation menu. Like the height tools, the math suite runs entirely in the browser, shares the site-wide Light / Dark theme, and saves your preferences locally. It contains four distinct workspaces:

1. Full-Featured Calculator: A scientific calculator supporting full keyboard input, trigonometry (with degree and radian modes), logarithms, roots, and powers. It features a memory system and a scrolling history log that lets you click any past calculation to reuse the result.

2. Interactive 3D Geometry Viewer: A WebGL-powered environment for exploring solid geometry. You can generate shapes (cubes, pyramids, prisms, cones) and orbit them with your mouse or fingers. The tool allows you to stretch individual edges to see how the shape deforms, add new points along lines using signed ratios (e.g., AC = 2BC places C beyond B, while AC = -2BC places C between A and B), and construct custom planes from any vertices. Once constructed, you can calculate the exact angles and distances between any points, lines, or planes.

3. Function Grapher: Plots any y = f(x) equation onto the standard Oxy plane. You can overlay multiple curves (like sin(x), x^2, or 1/x), assign each a custom colour, and pan or zoom across the plane. The engine detects vertical asymptotes so that functions like tan(x) render correctly.

4. Symbolic Solver: Built for calculus and algebra, this tool calculates exact symbolic derivatives, definite integrals (using Simpson's Rule), and equation roots (using the Bisection Method). Every result comes with a clear step-by-step breakdown explaining which mathematical rules were applied.

You can access the entire math suite by clicking the calculator icon in the top navigation bar or by visiting the NGFINITY Math hub.

Settings, Persistence, and Accessibility

A single Settings menu in the navigation bar controls the measurement unit (Metric or US), the zoom-hold speed (with plus, minus, and reset controls), the site-wide light or dark theme, and links to the companion tools. Every setting on the site — unit preference, grid style, grid colour, canvas background, background image and its opacity, ruler opacity, zoom speed, zoom level, canvas background theme, 3D look sensitivity, 3D move speed, 3D D-pad size and position, 3D Jump and Hit button sizes and positions, 3D toolbar size and position, CAMERA panel scale and position, current tool, placed blocks, the country summary panel's open or closed state, and the height tracker's entries, profile, and chart preferences — is stored in localStorage and restored on the next visit.

No account, download, or payment is required to use any feature currently on the site. The interface is built to work on desktop, tablet, and mobile screens, with the layout collapsing cleanly to a single column on narrow phones and expanding to a two-column layout on wider screens. The 3D view lowers its geometry detail on mobile to keep the frame rate smooth. A set of mobile-specific touch guards prevents double-tap zoom, long-press selection, and copy or look-up callouts from interfering with the in-canvas controls, and the rotation button lets you switch the 3D view into landscape even on devices that don't support the orientation lock API.

A set of article links underneath the tool leads to longer-form content such as the tallest footballers, the tallest NBA players, and the tallest and shortest humans in history, for readers who want to see the same comparisons in written form.