Student of math, d3, svg, etc. Prototyper of visualizations for electronics design and test.
Published
Edited
Oct 10, 2020
QuantityStrings = ({
Resistance: { name: 'Resistance', unit: 'Ω' },
Current: { name: 'Current', unit: 'A' },
Length: { name: 'Length', unit: 'm' },
Area: { name: 'Area', unit: 'm²' },
})
format = (value, sdigits=3, unit='', showSpace=true) => {
let rc = d3.format(`.${sdigits}s`)(value)
if(showSpace){
rc = insertSpace(rc)
}
return `${rc}${unit}`
}
format2 = (value, sdigits=3, unit='', showSpace=true, siPrefix='') => {
let rc = siPrefix ? d3.formatPrefix(`.${sdigits}`, siPrefix)(value) : d3.format(`.${sdigits}s`)(value)
if(showSpace){
rc = insertSpace(rc)
}
return `${rc}${unit}`
}
format(0.00345, 3, QuantityStrings.Resistance.unit, true)
format(1.10345, 3, QuantityStrings.Resistance.unit, true)
format2(0.00345, 3, QuantityStrings.Resistance.unit, false, 10e-3)
format2(1.10345, 3, QuantityStrings.Resistance.unit, false, 10e-3)
format2(1.10345, 3, QuantityStrings.Current.unit, true, 10e-3)
format2(0.00345, 3, QuantityStrings.Resistance.unit, true, 10e-3)
format(0.00345, 3, QuantityStrings.Resistance.unit, true)
format(0.00345, 3, QuantityStrings.Current.unit, true)
format(0.0000345, 3, QuantityStrings.Resistance.unit, false)
ScaledQuantities =({
MilliOhm: { base: QuantityStrings.Resistance, ratio: 1000, siPrefix: 'm'},
MilliAmp: { base: QuantityStrings.Current, ratio: 1000, siPrefix: 'm'},
MicroOhm: { base: QuantityStrings.Resistance, ratio: 10e5, siPrefix: 'μ'},
Centimeter: { base: QuantityStrings.Length, ratio: 100, siPrefix: 'c' },
CentimeterSquared: { base: QuantityStrings.Area, ratio: 10000, siPrefix: 'cm²' }
})
getScaled = (value, scaledQuantity) => value * scaledQuantity.ratio
putScaled = (value, scaledQuantity) => value / scaledQuantity.ratio
formatScaled = (value, scaledQuantity, sdigits=3, showUnit=true, showSpace=true, trim=false) => {
let rc = scaledQuantity ? `${(value * scaledQuantity.ratio).toFixed(sdigits)}${showUnit ? scaledQuantity.siPrefix : ''}` : format(value, sdigits, '', false);
if(trim){
rc = trimTrailingZeros(rc)
}
if(showSpace){
rc = insertSpace(rc)
}
const unit = scaledQuantity && showUnit ? scaledQuantity.base.unit : '';
return `${rc}${unit}`
}
formatValue = (value, unit='', sdigits=3, toFixed=false, showSpace=false, trim=false) => {
//let rc = d3.format(`.${sdigits}${trim ? '~' : ''}s`)(value)
let rc = toFixed
? `${value.toFixed(sdigits)}`
: d3.format(`.${sdigits}${trim ? '~' : ''}s`)(value);
if(trim){
rc = trimTrailingZeros(rc)
}
if(unit && showSpace){
rc = insertSpace(rc)
}
return `${rc}${unit}`
}
getScaled(0.02, ScaledQuantities.CentimeterSquared)
formatValue(234.460, '', 3, true, true, true)
trimTrailingZeros('234.460')
formatValue(200, "", 3, true, true, false)
formatValue(200, "", 3, true, true, true)
formatValue(2.00000, "mΩ", 3)
formatValue(2.00000, 'mΩ', 3, false, true)
formatValue(2.00000, 'm²', 3, false, true)
formatValue(2.00400, 'mΩ', 4, false, true)
formatValue(2.00400, 'mΩ', 3, false, true)
formatValue(2.00400, 'mΩ', 3, true, true)
formatValue(2e-2, 'mΩ', 3, true, true)
formatValue(2.00400, 'm²', 3, true, true)
parseScaled = (stringValue, scaledQuantity) => {
const s = stringValue.replace(/[\n\r\t]/g,''); // remove control chars
const n = s.includes('.') ? parseFloat(s) : parseInt(s)
return scaledQuantity ? n / scaledQuantity.ratio : n
}
parseScaled2 = (stringValue, siPrefix) => {
const s = stringValue.replace(/[\n\r\t]/g,''); // remove control chars
const n = s.includes('.') ? parseFloat(s) : parseInt(s)
return siPrefix ? n * siPrefix : n
}
insertSpace0 = (s) => {
const n = s.includes('.') ? parseFloat(s) : parseInt(s)
const unit = s.slice((n+ '').length, s.length)
return `${n} ${unit}`
}
insertSpace = (s) => {
const unit = s.replace(/[\d.]/g,'');
const n = s.slice(0, s.length - unit.length)
return `${n} ${unit}`
}
trimTrailingZeros0 = (s) => {
const unit = s.replace(/[\d.]/g,'')
let n = s.slice(0, s.length - unit.length)
if(n.includes('.')){
n = n.replace(/\d0*$/g, '')
n = n.replace(/[.]0*$/g, '')
}
return `${n}${unit}`
}
trimTrailingZeros = (s) => d3.format('~')(s)
n = insertSpace("0.345mΩ")
d3.format('~')(200.000)
'200.00'.replace(/[.]0*$/g,'')
'200.40'.replace(/[.0]*$/g,'')
insertSpace("3.340mΩ")
insertSpace("3.340mΩ")
trimTrailingZeros("3.3400mΩ")
trimTrailingZeros("3.000mΩ")
trimTrailingZeros("300.0")
trimTrailingZeros("300.040")
10e2
1/1000
10e1
n.length
formatScaled(1, ScaledQuantities.MilliOhm, 3, true, true)
formatScaled(1, ScaledQuantities.MilliOhm, 3, false, false, false)
formatScaled(0.00345, ScaledQuantities.MilliOhm, 3, true, false)
formatScaled(0.00345, ScaledQuantities.MilliOhm, 3, false, false)
formatScaled(0.00345, ScaledQuantities.MilliAmp, 3, false, true)
formatScaled(0.00345, ScaledQuantities.CentimeterSquared, 3, false, true)
formatScaled(0.02, ScaledQuantities.CentimeterSquared, 3, false, false)
formatScaled(0.02, '', 3, false, true)
getScaled(0.02, ScaledQuantities.CentimeterSquared)
putScaled(200, ScaledQuantities.CentimeterSquared)
parseScaled('3.45', ScaledQuantities.CentimeterSquared)
parseScaled('0.345', ScaledQuantities.MilliOhm)
parseScaled('345', ScaledQuantities.MilliOhm)
parseScaled2('0.345', 10e-3)
parseScaled2('345', 10e-3)
formatScaled(0.0000345, ScaledQuantities.MicroOhm, 3, true, false)
parseScaled('3.45', ScaledQuantities.MicroOhm)
parseScaled('3.45')
formatScaled(3.45, ScaledQuantities.Centimeter, 3, true, false)
parseScaled('34.5', ScaledQuantities.Centimeter)
f = d3.formatPrefix(",.0", 1e-6)
f(0.00042)
f(0.0042)
fs = new d3.FormatSpecifier({type: "s"})
fs2 = new d3.FormatSpecifier("s")
ts = Object.assign(d3.formatSpecifier("s"), {symbol: ' '})
mjs.evaluate('0.0034 V to mV').toString()
mjs.evaluate('10 meters to cm').toString()
mjs.evaluate('10 meters^2 to cm^2').toString()
mjs.evaluate('0.035 m^2 to cm^2').toString()
mjs.evaluate('0.035 m² to cm²').toString()
mjs.unit(45, 'cm')
mjs.unit(45, 'ohm')
mjs.unit(45, 'ohm').toString()
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
