Indian Number System Format

100%

Indian Number System Format

✓ Published0🌍 Public

Last edited Jan 31, 2017

Created on Apr 30, 2016

This example demonstrates a custom JavaScript function that formats numbers according to the Indian Number System, using commas in the thousands, lakh, and crore groupings. The left column shows positive values, while the right column displays their negative counterparts, using D3.js version 3.5.5 to append formatted text to the page. The code handles both integer and decimal numbers, including edge cases like 10,000 and negative inputs, as noted in the README.

AI-generated description

A first stab at an implementation of an Indian Number System format. Inspired by d3-format issue:Indian Number System format.

Updated June 17, 2016 to fix cases of "10000" and negative numbers, thanks to contributions by @Harshit20051.

Built with blockbuilder.org

<div align="center"><a href="http://www.simplehitcounter.com" target="_blank"><img src="http://simplehitcounter.com/hit.php?uid=2097219&f=16777215&b=0" border="0" height="18" width="83" alt="web counter"></a></div>

mit Licensed

Similar vizzes

Loading thumbnail…

d3js Exercice 1 - number formats

This example demonstrates how d3-format creates number formatting functions from format specifiers, testing values like 2.9971832 against descriptors such as `.1f`, `.2s`, and others. It also shows the default locale being overridden with French formatting rules, changing decimal separators to commas and thousands separators to periods. The code loads only the d3-format module and uses `document.writeln` to output results in a preformatted block. A commented section illustrates the same library working in Node.js.

JJeromeMouly

65% match

Loading thumbnail…

d3js Exercice 1 - number formats

This example demonstrates how to format numbers in JavaScript using the d3-format module, highlighting the limitations of native floating-point arithmetic. It first shows the raw output of multiplying 0.1 by integers, then applies various format specifiers like `.1f`, `.2s`, and `.2s` with a custom French locale to control decimals, thousands separators, and SI-prefix notation. The code uses `d3.format` and `d3.formatDefaultLocale` from the d3-format v1 library, reading a hardcoded value (`x`) to illustrate different formatting outputs. The rendering approach is a simple HTML `<pre>` block with `document.writeln`.

AAlainRo

64% match

Loading thumbnail…

Gist e75fdfd9429caf37873275cd41779b88

This example demonstrates a custom formatting function that inserts non-breaking spaces as thousands separators, a convention common in Finnish numeric formatting. The function, `spaceSeparateNumber`, iteratively processes the input number using a regular expression to identify digit groups, replacing them with a space between the leading digits and the trailing three-digit group. It relies on JavaScript’s string replacement and number-to-string conversion, without any external libraries. The visualization likely applies this formatting to numeric labels in a chart, ensuring readable, localized display of large values. The code focuses solely on text transformation, not on rendering or data binding, making it a standalone utility for formatting axis ticks or tooltip values.

EEelsie

62% match

Loading thumbnail…

Untitled

This example demonstrates how to format numbers with D3’s `d3.format` API from the `d3-format.v2` module. It creates two format specifications—a compact two-significant-digit format and a centered width-20 format—and outputs the results of formatting the number 12347 with each to the console. The code loads the D3 library from a CDN and executes the formatting calls directly in a script tag, showing the formatted strings as the primary output.

EEric Ho

60% match

Loading thumbnail…

C# number to comma separated string

This example demonstrates converting a numeric value into a comma-separated string for display. It shows how a double precision number, 2000.4, is formatted with both thousands separators and a configurable number of decimal places. The code calls the `ToString` method on the double with the custom format string `"#,##0.##"`, which inserts commas between thousands groups and limits decimals to two digits without trailing zeros. The rendering approach is a simple console-style output, using the .NET `double` type and its built-in formatting API.

IIliaIdakiev

59% match

Loading thumbnail…

locale semi-agnostic string to float conversion [JavaScript]

This example demonstrates a JavaScript utility for converting strings to floating-point numbers, designed to be locale semi-agnostic. It shows how the function handles various numeric formats, including European decimal commas, thousands separators, and ambiguous cases like “1.000” or “2,999.95”, returning numeric values or `NaN` for invalid inputs. The code uses the `toLocaleString()` method to detect the current locale’s decimal and thousands separators, then applies heuristic rules to interpret strings based on separator placement and digit counts. A MooTools click handler triggers the conversion examples, logging results to the console, with an accompanying HTML page featuring a product price display.

GGerHobbelt

58% match

Loading thumbnail…

number exercises

This example visualizes the outcomes of several JavaScript exercise functions, each testing a specific computation. It shows whether functions like `computeArea`, temperature converters `celsToFahr` and `fahrToCels`, and `isDivisible` produce expected results. The code relies on native JavaScript functions and console logging to report pass or fail statuses, with no external libraries or data sources. The rendering approach is purely textual, using `console.log` output to display success or failure messages for each test case, making the results immediately visible in the console.

CCameron-Grams

56% match

Loading thumbnail…

item explorer - visualization option 1

This example demonstrates how to customize the item explorer chart’s number formatting by setting a period as the thousands separator and using SI-prefix notation for tick labels. The chart, rendered via the `itemExplorerChart` function from the itemExplorer library, loads CSV data from a remote gist source and displays it in a D3.js-based visualization. The code explicitly calls `.thousandsSeparator(".")` and `.tickFormat("s")` to alter the axis and percentage displays, while the `showChart` function appends the chart to the body. The underlying data remains unchanged, showing only formatting variations.

EEE2dev

53% match