Repository files navigation

FancyData

FancyData - JavaScript Mockup Data Generation Library

Install

npm install fancy-data

Include

<script src="/dist/bundle.min.js"></script>

CDN

<script src="https://cdn.fancygrid.com/fancydata.min.js"></script>

Sample

newFancyData({rows: 1000000,indexes: ['id','name','surname','country','position','email','age'],columns: [{type: 'id',index: 'id'},{type: 'name',index: 'name'},{type: 'surname',index: 'surname'},{type: 'country-rich',index: 'country'},{type: 'it-position',index: 'position'},{type: 'email',index: 'email',site: 'google.com'},{type: 'age',min: 20,max: 45,index: 'age'}]}).getData({on1000: function(generated,percents,total){console.log(generated,percents,total)},onFinished: function(data){console.log('onFinished',data);}});

Core Properties

NameTypeDescription
columnsArrayList with columns config
indexesArrayData indexes, if not provided than it data could contain more options than columns
rowsNumberNumber of data rows

Column types

age

Age range value from min and max values.
By default min is 0 and max is 100.

Properties
NameType
typeString
indexString
maxNumber
minNumber
Sample
{
type: 'age',
min: 20,
max: 45,
index: 'age'
}

boolean

Boolean value true or false.

Properties
NameType
typeString
indexString
Sample
{
type: 'boolean',
index: 'married'
}

company

Random company from small list.

Properties
NameType
typeString
indexString
Sample
{
type: 'company',
index: 'company'
}

country

Random country from almost all countries list.

Properties
NameType
typeString
indexString
Sample
{
type: 'country',
index: 'country'
}

country-rich

Random rich country.

Properties
NameType
typeString
indexString
Sample
{
type: 'country-rich',
index: 'country'
}

date

Date value in format 'm.d.Y' by default between min 1970.1.1 and current date.

Properties
NameType
typeString
indexString
formatString
minNumber
maxNumber
Sample
{
type: 'date',
index: 'birthday',
format: 'm/d/Y',
min: new Date(1980, 1, 7)
}

email

Person email on base of 'name', 'surname', 'site'. 'site' is column property but name and surname must be extra columns.

Properties
NameType
typeString
indexString
tplString
siteNumber
maxNumber
Sample
{
type: 'email',
index: 'email',
site: 'google.com'
}

float

Float number value with presition between range.

Properties
NameType
typeString
indexString
presitionNumber
minNumber
maxNumber
Sample
{
type: 'float',
index: 'bank_balance',
presition: 2,
min: 0,
max: 150000
}

fortune100

Company from fortune 100 list.

Properties
NameType
typeString
indexString
Sample
{
type: 'fortune100',
index: 'company'
}

fortune500

Company from fortune 500 list.

Properties
NameType
typeString
indexString
Sample
{
type: 'fortune500',
index: 'company'
}

gender

Person gender, possible values: 'male'|'female'.
Requires extra column name.

Properties
NameType
typeString
indexString
Sample
{
type: 'fortune500',
index: 'company'
}

id

Incremental id value start from 1 by default.

Properties
NameType
typeString
indexString
minNumber
Sample
{
type: 'fortune500',
index: 'company'
}

int

Integer number value between range.

Properties
NameType
typeString
indexString
minNumber
maxNumber
Sample
{
type: 'int',
index: 'value',
min: 1000,
max: 100000
}

it-level

Proffesional person level.

Properties
NameType
typeString
indexString
Sample
{
type: 'it-level',
index: 'level'
}

it-position

Person position in tech sphere.

Properties
NameType
typeString
indexString
Sample
{
type: 'it-level',
index: 'level'
}

name

Person name.

Properties
NameType
typeString
indexString
Sample
{
type: 'name',
index: 'name'
}

salary-year

Person salary per year in range

Properties
NameType
typeString
indexString
minNumber
maxNumber
Sample
{
type: 'salary-year',
index: 'salary'
}

surname

Person surname

Properties
NameType
typeString
indexString
Sample
{
type: 'surname',
index: 'surname'
}

usa-state

Random USA state

Properties
NameType
typeString
indexString
Sample
{
type: 'usa-state',
index: 'state'
}

About

JavaScript Mockup Data Generation Library

Resources

Stars

5 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
Skip to content

Repository files navigation

FancyData

FancyData - JavaScript Mockup Data Generation Library

Install

npm install fancy-data

Include

<script src="/dist/bundle.min.js"></script>

CDN

<script src="https://cdn.fancygrid.com/fancydata.min.js"></script>

Sample

newFancyData({rows: 1000000,indexes: ['id','name','surname','country','position','email','age'],columns: [{type: 'id',index: 'id'},{type: 'name',index: 'name'},{type: 'surname',index: 'surname'},{type: 'country-rich',index: 'country'},{type: 'it-position',index: 'position'},{type: 'email',index: 'email',site: 'google.com'},{type: 'age',min: 20,max: 45,index: 'age'}]}).getData({on1000: function(generated,percents,total){console.log(generated,percents,total)},onFinished: function(data){console.log('onFinished',data);}});

Core Properties

NameTypeDescription
columnsArrayList with columns config
indexesArrayData indexes, if not provided than it data could contain more options than columns
rowsNumberNumber of data rows

Column types

age

Age range value from min and max values.
By default min is 0 and max is 100.

Properties
NameType
typeString
indexString
maxNumber
minNumber
Sample
{
type: 'age',
min: 20,
max: 45,
index: 'age'
}

boolean

Boolean value true or false.

Properties
NameType
typeString
indexString
Sample
{
type: 'boolean',
index: 'married'
}

company

Random company from small list.

Properties
NameType
typeString
indexString
Sample
{
type: 'company',
index: 'company'
}

country

Random country from almost all countries list.

Properties
NameType
typeString
indexString
Sample
{
type: 'country',
index: 'country'
}

country-rich

Random rich country.

Properties
NameType
typeString
indexString
Sample
{
type: 'country-rich',
index: 'country'
}

date

Date value in format 'm.d.Y' by default between min 1970.1.1 and current date.

Properties
NameType
typeString
indexString
formatString
minNumber
maxNumber
Sample
{
type: 'date',
index: 'birthday',
format: 'm/d/Y',
min: new Date(1980, 1, 7)
}

email

Person email on base of 'name', 'surname', 'site'. 'site' is column property but name and surname must be extra columns.

Properties
NameType
typeString
indexString
tplString
siteNumber
maxNumber
Sample
{
type: 'email',
index: 'email',
site: 'google.com'
}

float

Float number value with presition between range.

Properties
NameType
typeString
indexString
presitionNumber
minNumber
maxNumber
Sample
{
type: 'float',
index: 'bank_balance',
presition: 2,
min: 0,
max: 150000
}

fortune100

Company from fortune 100 list.

Properties
NameType
typeString
indexString
Sample
{
type: 'fortune100',
index: 'company'
}

fortune500

Company from fortune 500 list.

Properties
NameType
typeString
indexString
Sample
{
type: 'fortune500',
index: 'company'
}

gender

Person gender, possible values: 'male'|'female'.
Requires extra column name.

Properties
NameType
typeString
indexString
Sample
{
type: 'fortune500',
index: 'company'
}

id

Incremental id value start from 1 by default.

Properties
NameType
typeString
indexString
minNumber
Sample
{
type: 'fortune500',
index: 'company'
}

int

Integer number value between range.

Properties
NameType
typeString
indexString
minNumber
maxNumber
Sample
{
type: 'int',
index: 'value',
min: 1000,
max: 100000
}

it-level

Proffesional person level.

Properties
NameType
typeString
indexString
Sample
{
type: 'it-level',
index: 'level'
}

it-position

Person position in tech sphere.

Properties
NameType
typeString
indexString
Sample
{
type: 'it-level',
index: 'level'
}

name

Person name.

Properties
NameType
typeString
indexString
Sample
{
type: 'name',
index: 'name'
}

salary-year

Person salary per year in range

Properties
NameType
typeString
indexString
minNumber
maxNumber
Sample
{
type: 'salary-year',
index: 'salary'
}

surname

Person surname

Properties
NameType
typeString
indexString
Sample
{
type: 'surname',
index: 'surname'
}

usa-state

Random USA state

Properties
NameType
typeString
indexString
Sample
{
type: 'usa-state',
index: 'state'
}

About

JavaScript Mockup Data Generation Library

Resources

Stars

5 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix"); } } catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

Repository files navigation

FancyData

FancyData - JavaScript Mockup Data Generation Library

Install

npm install fancy-data

Include

<script src="/dist/bundle.min.js"></script>

CDN

<script src="https://cdn.fancygrid.com/fancydata.min.js"></script>

Sample

newFancyData({rows: 1000000,indexes: ['id','name','surname','country','position','email','age'],columns: [{type: 'id',index: 'id'},{type: 'name',index: 'name'},{type: 'surname',index: 'surname'},{type: 'country-rich',index: 'country'},{type: 'it-position',index: 'position'},{type: 'email',index: 'email',site: 'google.com'},{type: 'age',min: 20,max: 45,index: 'age'}]}).getData({on1000: function(generated,percents,total){console.log(generated,percents,total)},onFinished: function(data){console.log('onFinished',data);}});

Core Properties

NameTypeDescription
columnsArrayList with columns config
indexesArrayData indexes, if not provided than it data could contain more options than columns
rowsNumberNumber of data rows

Column types

age

Age range value from min and max values.
By default min is 0 and max is 100.

Properties
NameType
typeString
indexString
maxNumber
minNumber
Sample
{
type: 'age',
min: 20,
max: 45,
index: 'age'
}

boolean

Boolean value true or false.

Properties
NameType
typeString
indexString
Sample
{
type: 'boolean',
index: 'married'
}

company

Random company from small list.

Properties
NameType
typeString
indexString
Sample
{
type: 'company',
index: 'company'
}

country

Random country from almost all countries list.

Properties
NameType
typeString
indexString
Sample
{
type: 'country',
index: 'country'
}

country-rich

Random rich country.

Properties
NameType
typeString
indexString
Sample
{
type: 'country-rich',
index: 'country'
}

date

Date value in format 'm.d.Y' by default between min 1970.1.1 and current date.

Properties
NameType
typeString
indexString
formatString
minNumber
maxNumber
Sample
{
type: 'date',
index: 'birthday',
format: 'm/d/Y',
min: new Date(1980, 1, 7)
}

email

Person email on base of 'name', 'surname', 'site'. 'site' is column property but name and surname must be extra columns.

Properties
NameType
typeString
indexString
tplString
siteNumber
maxNumber
Sample
{
type: 'email',
index: 'email',
site: 'google.com'
}

float

Float number value with presition between range.

Properties
NameType
typeString
indexString
presitionNumber
minNumber
maxNumber
Sample
{
type: 'float',
index: 'bank_balance',
presition: 2,
min: 0,
max: 150000
}

fortune100

Company from fortune 100 list.

Properties
NameType
typeString
indexString
Sample
{
type: 'fortune100',
index: 'company'
}

fortune500

Company from fortune 500 list.

Properties
NameType
typeString
indexString
Sample
{
type: 'fortune500',
index: 'company'
}

gender

Person gender, possible values: 'male'|'female'.
Requires extra column name.

Properties
NameType
typeString
indexString
Sample
{
type: 'fortune500',
index: 'company'
}

id

Incremental id value start from 1 by default.

Properties
NameType
typeString
indexString
minNumber
Sample
{
type: 'fortune500',
index: 'company'
}

int

Integer number value between range.

Properties
NameType
typeString
indexString
minNumber
maxNumber
Sample
{
type: 'int',
index: 'value',
min: 1000,
max: 100000
}

it-level

Proffesional person level.

Properties
NameType
typeString
indexString
Sample
{
type: 'it-level',
index: 'level'
}

it-position

Person position in tech sphere.

Properties
NameType
typeString
indexString
Sample
{
type: 'it-level',
index: 'level'
}

name

Person name.

Properties
NameType
typeString
indexString
Sample
{
type: 'name',
index: 'name'
}

salary-year

Person salary per year in range

Properties
NameType
typeString
indexString
minNumber
maxNumber
Sample
{
type: 'salary-year',
index: 'salary'
}

surname

Person surname

Properties
NameType
typeString
indexString
Sample
{
type: 'surname',
index: 'surname'
}

usa-state

Random USA state

Properties
NameType
typeString
indexString
Sample
{
type: 'usa-state',
index: 'state'
}

About

JavaScript Mockup Data Generation Library

Resources

Stars

5 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms"); } } catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

Repository files navigation

FancyData

FancyData - JavaScript Mockup Data Generation Library

Install

npm install fancy-data

Include

<script src="/dist/bundle.min.js"></script>

CDN

<script src="https://cdn.fancygrid.com/fancydata.min.js"></script>

Sample

newFancyData({rows: 1000000,indexes: ['id','name','surname','country','position','email','age'],columns: [{type: 'id',index: 'id'},{type: 'name',index: 'name'},{type: 'surname',index: 'surname'},{type: 'country-rich',index: 'country'},{type: 'it-position',index: 'position'},{type: 'email',index: 'email',site: 'google.com'},{type: 'age',min: 20,max: 45,index: 'age'}]}).getData({on1000: function(generated,percents,total){console.log(generated,percents,total)},onFinished: function(data){console.log('onFinished',data);}});

Core Properties

NameTypeDescription
columnsArrayList with columns config
indexesArrayData indexes, if not provided than it data could contain more options than columns
rowsNumberNumber of data rows

Column types

age

Age range value from min and max values.
By default min is 0 and max is 100.

Properties
NameType
typeString
indexString
maxNumber
minNumber
Sample
{
type: 'age',
min: 20,
max: 45,
index: 'age'
}

boolean

Boolean value true or false.

Properties
NameType
typeString
indexString
Sample
{
type: 'boolean',
index: 'married'
}

company

Random company from small list.

Properties
NameType
typeString
indexString
Sample
{
type: 'company',
index: 'company'
}

country

Random country from almost all countries list.

Properties
NameType
typeString
indexString
Sample
{
type: 'country',
index: 'country'
}

country-rich

Random rich country.

Properties
NameType
typeString
indexString
Sample
{
type: 'country-rich',
index: 'country'
}

date

Date value in format 'm.d.Y' by default between min 1970.1.1 and current date.

Properties
NameType
typeString
indexString
formatString
minNumber
maxNumber
Sample
{
type: 'date',
index: 'birthday',
format: 'm/d/Y',
min: new Date(1980, 1, 7)
}

email

Person email on base of 'name', 'surname', 'site'. 'site' is column property but name and surname must be extra columns.

Properties
NameType
typeString
indexString
tplString
siteNumber
maxNumber
Sample
{
type: 'email',
index: 'email',
site: 'google.com'
}

float

Float number value with presition between range.

Properties
NameType
typeString
indexString
presitionNumber
minNumber
maxNumber
Sample
{
type: 'float',
index: 'bank_balance',
presition: 2,
min: 0,
max: 150000
}

fortune100

Company from fortune 100 list.

Properties
NameType
typeString
indexString
Sample
{
type: 'fortune100',
index: 'company'
}

fortune500

Company from fortune 500 list.

Properties
NameType
typeString
indexString
Sample
{
type: 'fortune500',
index: 'company'
}

gender

Person gender, possible values: 'male'|'female'.
Requires extra column name.

Properties
NameType
typeString
indexString
Sample
{
type: 'fortune500',
index: 'company'
}

id

Incremental id value start from 1 by default.

Properties
NameType
typeString
indexString
minNumber
Sample
{
type: 'fortune500',
index: 'company'
}

int

Integer number value between range.

Properties
NameType
typeString
indexString
minNumber
maxNumber
Sample
{
type: 'int',
index: 'value',
min: 1000,
max: 100000
}

it-level

Proffesional person level.

Properties
NameType
typeString
indexString
Sample
{
type: 'it-level',
index: 'level'
}

it-position

Person position in tech sphere.

Properties
NameType
typeString
indexString
Sample
{
type: 'it-level',
index: 'level'
}

name

Person name.

Properties
NameType
typeString
indexString
Sample
{
type: 'name',
index: 'name'
}

salary-year

Person salary per year in range

Properties
NameType
typeString
indexString
minNumber
maxNumber
Sample
{
type: 'salary-year',
index: 'salary'
}

surname

Person surname

Properties
NameType
typeString
indexString
Sample
{
type: 'surname',
index: 'surname'
}

usa-state

Random USA state

Properties
NameType
typeString
indexString
Sample
{
type: 'usa-state',
index: 'state'
}

About

JavaScript Mockup Data Generation Library

Resources

Stars

5 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links"); } } catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); } })(); (function(){ try { var __m = "youtube.com"; var __re = new RegExp('^' + "youtube\\.com" + '
Skip to content

Repository files navigation

FancyData

FancyData - JavaScript Mockup Data Generation Library

Install

npm install fancy-data

Include

<script src="/dist/bundle.min.js"></script>

CDN

<script src="https://cdn.fancygrid.com/fancydata.min.js"></script>

Sample

newFancyData({rows: 1000000,indexes: ['id','name','surname','country','position','email','age'],columns: [{type: 'id',index: 'id'},{type: 'name',index: 'name'},{type: 'surname',index: 'surname'},{type: 'country-rich',index: 'country'},{type: 'it-position',index: 'position'},{type: 'email',index: 'email',site: 'google.com'},{type: 'age',min: 20,max: 45,index: 'age'}]}).getData({on1000: function(generated,percents,total){console.log(generated,percents,total)},onFinished: function(data){console.log('onFinished',data);}});

Core Properties

NameTypeDescription
columnsArrayList with columns config
indexesArrayData indexes, if not provided than it data could contain more options than columns
rowsNumberNumber of data rows

Column types

age

Age range value from min and max values.
By default min is 0 and max is 100.

Properties
NameType
typeString
indexString
maxNumber
minNumber
Sample
{
type: 'age',
min: 20,
max: 45,
index: 'age'
}

boolean

Boolean value true or false.

Properties
NameType
typeString
indexString
Sample
{
type: 'boolean',
index: 'married'
}

company

Random company from small list.

Properties
NameType
typeString
indexString
Sample
{
type: 'company',
index: 'company'
}

country

Random country from almost all countries list.

Properties
NameType
typeString
indexString
Sample
{
type: 'country',
index: 'country'
}

country-rich

Random rich country.

Properties
NameType
typeString
indexString
Sample
{
type: 'country-rich',
index: 'country'
}

date

Date value in format 'm.d.Y' by default between min 1970.1.1 and current date.

Properties
NameType
typeString
indexString
formatString
minNumber
maxNumber
Sample
{
type: 'date',
index: 'birthday',
format: 'm/d/Y',
min: new Date(1980, 1, 7)
}

email

Person email on base of 'name', 'surname', 'site'. 'site' is column property but name and surname must be extra columns.

Properties
NameType
typeString
indexString
tplString
siteNumber
maxNumber
Sample
{
type: 'email',
index: 'email',
site: 'google.com'
}

float

Float number value with presition between range.

Properties
NameType
typeString
indexString
presitionNumber
minNumber
maxNumber
Sample
{
type: 'float',
index: 'bank_balance',
presition: 2,
min: 0,
max: 150000
}

fortune100

Company from fortune 100 list.

Properties
NameType
typeString
indexString
Sample
{
type: 'fortune100',
index: 'company'
}

fortune500

Company from fortune 500 list.

Properties
NameType
typeString
indexString
Sample
{
type: 'fortune500',
index: 'company'
}

gender

Person gender, possible values: 'male'|'female'.
Requires extra column name.

Properties
NameType
typeString
indexString
Sample
{
type: 'fortune500',
index: 'company'
}

id

Incremental id value start from 1 by default.

Properties
NameType
typeString
indexString
minNumber
Sample
{
type: 'fortune500',
index: 'company'
}

int

Integer number value between range.

Properties
NameType
typeString
indexString
minNumber
maxNumber
Sample
{
type: 'int',
index: 'value',
min: 1000,
max: 100000
}

it-level

Proffesional person level.

Properties
NameType
typeString
indexString
Sample
{
type: 'it-level',
index: 'level'
}

it-position

Person position in tech sphere.

Properties
NameType
typeString
indexString
Sample
{
type: 'it-level',
index: 'level'
}

name

Person name.

Properties
NameType
typeString
indexString
Sample
{
type: 'name',
index: 'name'
}

salary-year

Person salary per year in range

Properties
NameType
typeString
indexString
minNumber
maxNumber
Sample
{
type: 'salary-year',
index: 'salary'
}

surname

Person surname

Properties
NameType
typeString
indexString
Sample
{
type: 'surname',
index: 'surname'
}

usa-state

Random USA state

Properties
NameType
typeString
indexString
Sample
{
type: 'usa-state',
index: 'state'
}

About

JavaScript Mockup Data Generation Library

Resources

Stars

5 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default"); } } catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

Repository files navigation

FancyData

FancyData - JavaScript Mockup Data Generation Library

Install

npm install fancy-data

Include

<script src="/dist/bundle.min.js"></script>

CDN

<script src="https://cdn.fancygrid.com/fancydata.min.js"></script>

Sample

newFancyData({rows: 1000000,indexes: ['id','name','surname','country','position','email','age'],columns: [{type: 'id',index: 'id'},{type: 'name',index: 'name'},{type: 'surname',index: 'surname'},{type: 'country-rich',index: 'country'},{type: 'it-position',index: 'position'},{type: 'email',index: 'email',site: 'google.com'},{type: 'age',min: 20,max: 45,index: 'age'}]}).getData({on1000: function(generated,percents,total){console.log(generated,percents,total)},onFinished: function(data){console.log('onFinished',data);}});

Core Properties

NameTypeDescription
columnsArrayList with columns config
indexesArrayData indexes, if not provided than it data could contain more options than columns
rowsNumberNumber of data rows

Column types

age

Age range value from min and max values.
By default min is 0 and max is 100.

Properties
NameType
typeString
indexString
maxNumber
minNumber
Sample
{
type: 'age',
min: 20,
max: 45,
index: 'age'
}

boolean

Boolean value true or false.

Properties
NameType
typeString
indexString
Sample
{
type: 'boolean',
index: 'married'
}

company

Random company from small list.

Properties
NameType
typeString
indexString
Sample
{
type: 'company',
index: 'company'
}

country

Random country from almost all countries list.

Properties
NameType
typeString
indexString
Sample
{
type: 'country',
index: 'country'
}

country-rich

Random rich country.

Properties
NameType
typeString
indexString
Sample
{
type: 'country-rich',
index: 'country'
}

date

Date value in format 'm.d.Y' by default between min 1970.1.1 and current date.

Properties
NameType
typeString
indexString
formatString
minNumber
maxNumber
Sample
{
type: 'date',
index: 'birthday',
format: 'm/d/Y',
min: new Date(1980, 1, 7)
}

email

Person email on base of 'name', 'surname', 'site'. 'site' is column property but name and surname must be extra columns.

Properties
NameType
typeString
indexString
tplString
siteNumber
maxNumber
Sample
{
type: 'email',
index: 'email',
site: 'google.com'
}

float

Float number value with presition between range.

Properties
NameType
typeString
indexString
presitionNumber
minNumber
maxNumber
Sample
{
type: 'float',
index: 'bank_balance',
presition: 2,
min: 0,
max: 150000
}

fortune100

Company from fortune 100 list.

Properties
NameType
typeString
indexString
Sample
{
type: 'fortune100',
index: 'company'
}

fortune500

Company from fortune 500 list.

Properties
NameType
typeString
indexString
Sample
{
type: 'fortune500',
index: 'company'
}

gender

Person gender, possible values: 'male'|'female'.
Requires extra column name.

Properties
NameType
typeString
indexString
Sample
{
type: 'fortune500',
index: 'company'
}

id

Incremental id value start from 1 by default.

Properties
NameType
typeString
indexString
minNumber
Sample
{
type: 'fortune500',
index: 'company'
}

int

Integer number value between range.

Properties
NameType
typeString
indexString
minNumber
maxNumber
Sample
{
type: 'int',
index: 'value',
min: 1000,
max: 100000
}

it-level

Proffesional person level.

Properties
NameType
typeString
indexString
Sample
{
type: 'it-level',
index: 'level'
}

it-position

Person position in tech sphere.

Properties
NameType
typeString
indexString
Sample
{
type: 'it-level',
index: 'level'
}

name

Person name.

Properties
NameType
typeString
indexString
Sample
{
type: 'name',
index: 'name'
}

salary-year

Person salary per year in range

Properties
NameType
typeString
indexString
minNumber
maxNumber
Sample
{
type: 'salary-year',
index: 'salary'
}

surname

Person surname

Properties
NameType
typeString
indexString
Sample
{
type: 'surname',
index: 'surname'
}

usa-state

Random USA state

Properties
NameType
typeString
indexString
Sample
{
type: 'usa-state',
index: 'state'
}

About

JavaScript Mockup Data Generation Library

Resources

Stars

5 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers"); } } catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

Repository files navigation

FancyData

FancyData - JavaScript Mockup Data Generation Library

Install

npm install fancy-data

Include

<script src="/dist/bundle.min.js"></script>

CDN

<script src="https://cdn.fancygrid.com/fancydata.min.js"></script>

Sample

newFancyData({rows: 1000000,indexes: ['id','name','surname','country','position','email','age'],columns: [{type: 'id',index: 'id'},{type: 'name',index: 'name'},{type: 'surname',index: 'surname'},{type: 'country-rich',index: 'country'},{type: 'it-position',index: 'position'},{type: 'email',index: 'email',site: 'google.com'},{type: 'age',min: 20,max: 45,index: 'age'}]}).getData({on1000: function(generated,percents,total){console.log(generated,percents,total)},onFinished: function(data){console.log('onFinished',data);}});

Core Properties

NameTypeDescription
columnsArrayList with columns config
indexesArrayData indexes, if not provided than it data could contain more options than columns
rowsNumberNumber of data rows

Column types

age

Age range value from min and max values.
By default min is 0 and max is 100.

Properties
NameType
typeString
indexString
maxNumber
minNumber
Sample
{
type: 'age',
min: 20,
max: 45,
index: 'age'
}

boolean

Boolean value true or false.

Properties
NameType
typeString
indexString
Sample
{
type: 'boolean',
index: 'married'
}

company

Random company from small list.

Properties
NameType
typeString
indexString
Sample
{
type: 'company',
index: 'company'
}

country

Random country from almost all countries list.

Properties
NameType
typeString
indexString
Sample
{
type: 'country',
index: 'country'
}

country-rich

Random rich country.

Properties
NameType
typeString
indexString
Sample
{
type: 'country-rich',
index: 'country'
}

date

Date value in format 'm.d.Y' by default between min 1970.1.1 and current date.

Properties
NameType
typeString
indexString
formatString
minNumber
maxNumber
Sample
{
type: 'date',
index: 'birthday',
format: 'm/d/Y',
min: new Date(1980, 1, 7)
}

email

Person email on base of 'name', 'surname', 'site'. 'site' is column property but name and surname must be extra columns.

Properties
NameType
typeString
indexString
tplString
siteNumber
maxNumber
Sample
{
type: 'email',
index: 'email',
site: 'google.com'
}

float

Float number value with presition between range.

Properties
NameType
typeString
indexString
presitionNumber
minNumber
maxNumber
Sample
{
type: 'float',
index: 'bank_balance',
presition: 2,
min: 0,
max: 150000
}

fortune100

Company from fortune 100 list.

Properties
NameType
typeString
indexString
Sample
{
type: 'fortune100',
index: 'company'
}

fortune500

Company from fortune 500 list.

Properties
NameType
typeString
indexString
Sample
{
type: 'fortune500',
index: 'company'
}

gender

Person gender, possible values: 'male'|'female'.
Requires extra column name.

Properties
NameType
typeString
indexString
Sample
{
type: 'fortune500',
index: 'company'
}

id

Incremental id value start from 1 by default.

Properties
NameType
typeString
indexString
minNumber
Sample
{
type: 'fortune500',
index: 'company'
}

int

Integer number value between range.

Properties
NameType
typeString
indexString
minNumber
maxNumber
Sample
{
type: 'int',
index: 'value',
min: 1000,
max: 100000
}

it-level

Proffesional person level.

Properties
NameType
typeString
indexString
Sample
{
type: 'it-level',
index: 'level'
}

it-position

Person position in tech sphere.

Properties
NameType
typeString
indexString
Sample
{
type: 'it-level',
index: 'level'
}

name

Person name.

Properties
NameType
typeString
indexString
Sample
{
type: 'name',
index: 'name'
}

salary-year

Person salary per year in range

Properties
NameType
typeString
indexString
minNumber
maxNumber
Sample
{
type: 'salary-year',
index: 'salary'
}

surname

Person surname

Properties
NameType
typeString
indexString
Sample
{
type: 'surname',
index: 'surname'
}

usa-state

Random USA state

Properties
NameType
typeString
indexString
Sample
{
type: 'usa-state',
index: 'state'
}

About

JavaScript Mockup Data Generation Library

Resources

Stars

5 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode"); } } catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); } })(); })();
Skip to content

Repository files navigation

FancyData

FancyData - JavaScript Mockup Data Generation Library

Install

npm install fancy-data

Include

<script src="/dist/bundle.min.js"></script>

CDN

<script src="https://cdn.fancygrid.com/fancydata.min.js"></script>

Sample

newFancyData({rows: 1000000,indexes: ['id','name','surname','country','position','email','age'],columns: [{type: 'id',index: 'id'},{type: 'name',index: 'name'},{type: 'surname',index: 'surname'},{type: 'country-rich',index: 'country'},{type: 'it-position',index: 'position'},{type: 'email',index: 'email',site: 'google.com'},{type: 'age',min: 20,max: 45,index: 'age'}]}).getData({on1000: function(generated,percents,total){console.log(generated,percents,total)},onFinished: function(data){console.log('onFinished',data);}});

Core Properties

NameTypeDescription
columnsArrayList with columns config
indexesArrayData indexes, if not provided than it data could contain more options than columns
rowsNumberNumber of data rows

Column types

age

Age range value from min and max values.
By default min is 0 and max is 100.

Properties
NameType
typeString
indexString
maxNumber
minNumber
Sample
{
type: 'age',
min: 20,
max: 45,
index: 'age'
}

boolean

Boolean value true or false.

Properties
NameType
typeString
indexString
Sample
{
type: 'boolean',
index: 'married'
}

company

Random company from small list.

Properties
NameType
typeString
indexString
Sample
{
type: 'company',
index: 'company'
}

country

Random country from almost all countries list.

Properties
NameType
typeString
indexString
Sample
{
type: 'country',
index: 'country'
}

country-rich

Random rich country.

Properties
NameType
typeString
indexString
Sample
{
type: 'country-rich',
index: 'country'
}

date

Date value in format 'm.d.Y' by default between min 1970.1.1 and current date.

Properties
NameType
typeString
indexString
formatString
minNumber
maxNumber
Sample
{
type: 'date',
index: 'birthday',
format: 'm/d/Y',
min: new Date(1980, 1, 7)
}

email

Person email on base of 'name', 'surname', 'site'. 'site' is column property but name and surname must be extra columns.

Properties
NameType
typeString
indexString
tplString
siteNumber
maxNumber
Sample
{
type: 'email',
index: 'email',
site: 'google.com'
}

float

Float number value with presition between range.

Properties
NameType
typeString
indexString
presitionNumber
minNumber
maxNumber
Sample
{
type: 'float',
index: 'bank_balance',
presition: 2,
min: 0,
max: 150000
}

fortune100

Company from fortune 100 list.

Properties
NameType
typeString
indexString
Sample
{
type: 'fortune100',
index: 'company'
}

fortune500

Company from fortune 500 list.

Properties
NameType
typeString
indexString
Sample
{
type: 'fortune500',
index: 'company'
}

gender

Person gender, possible values: 'male'|'female'.
Requires extra column name.

Properties
NameType
typeString
indexString
Sample
{
type: 'fortune500',
index: 'company'
}

id

Incremental id value start from 1 by default.

Properties
NameType
typeString
indexString
minNumber
Sample
{
type: 'fortune500',
index: 'company'
}

int

Integer number value between range.

Properties
NameType
typeString
indexString
minNumber
maxNumber
Sample
{
type: 'int',
index: 'value',
min: 1000,
max: 100000
}

it-level

Proffesional person level.

Properties
NameType
typeString
indexString
Sample
{
type: 'it-level',
index: 'level'
}

it-position

Person position in tech sphere.

Properties
NameType
typeString
indexString
Sample
{
type: 'it-level',
index: 'level'
}

name

Person name.

Properties
NameType
typeString
indexString
Sample
{
type: 'name',
index: 'name'
}

salary-year

Person salary per year in range

Properties
NameType
typeString
indexString
minNumber
maxNumber
Sample
{
type: 'salary-year',
index: 'salary'
}

surname

Person surname

Properties
NameType
typeString
indexString
Sample
{
type: 'surname',
index: 'surname'
}

usa-state

Random USA state

Properties
NameType
typeString
indexString
Sample
{
type: 'usa-state',
index: 'state'
}

About

JavaScript Mockup Data Generation Library

Resources

Stars

5 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages