fix: minor improvements
This commit is contained in:
parent
efbd28fcbf
commit
e3832ad202
|
@ -1,21 +1,9 @@
|
|||
/* Imports*/
|
||||
import React from "react";
|
||||
import { toLocale, truncateValueForDisplay, numToAlphabeticalString } from "../lib/utils.js"
|
||||
import { toLocale, truncateValueForDisplay, numToAlphabeticalString, formatLargeOrSmall } from "../lib/utils.js"
|
||||
|
||||
/* Utilities */
|
||||
let avg = arr => arr.reduce((a,b) => (a+b)) / arr.length
|
||||
let formatLargeOrSmall = num => {
|
||||
if(num > 1){
|
||||
return toLocale(truncateValueForDisplay(num))
|
||||
}else if(num > 0){
|
||||
return num.toFixed(-Math.floor(Math.log(num)/Math.log(10))+1);
|
||||
}else if(num > -1){
|
||||
return num.toFixed(-Math.floor(Math.log(-num)/Math.log(10))+1);
|
||||
}else{
|
||||
return toLocale(num)//return "~0"
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
/* Main function */
|
||||
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
import React, { useState, useEffect } from "react";
|
||||
import * as d3 from 'd3';
|
||||
import { toLocale, truncateValueForDisplay, numToAlphabeticalString } from "../lib/utils.js"
|
||||
import { toLocale, truncateValueForDisplay, numToAlphabeticalString, formatLargeOrSmall } from "../lib/utils.js"
|
||||
|
||||
let getlength = (number) => number.toString().length;
|
||||
|
||||
|
@ -118,7 +118,7 @@ function drawGraphInner({ nodes, links }) {
|
|||
return height - 32 - (Math.abs(start - end) / 2)//height-30
|
||||
})
|
||||
.text(function (d) {
|
||||
return Number(d.distance)
|
||||
return formatLargeOrSmall(Number(d.distance))
|
||||
return (truncateValueForDisplay(Number(d.distance)))
|
||||
//return(Number(d.distance).toPrecision(2).toString())
|
||||
})
|
||||
|
|
13
lib/utils.js
13
lib/utils.js
|
@ -29,3 +29,16 @@ export function numToAlphabeticalString(num){
|
|||
}
|
||||
return `#${s}` || undefined;
|
||||
}
|
||||
|
||||
export function formatLargeOrSmall (num) {
|
||||
if(num > 1){
|
||||
return toLocale(truncateValueForDisplay(num))
|
||||
}else if(num > 0){
|
||||
return num.toFixed(-Math.floor(Math.log(num)/Math.log(10))+1);
|
||||
}else if(num < -1){
|
||||
return num.toFixed(-Math.floor(Math.log(-num)/Math.log(10))+1);
|
||||
}else{
|
||||
return toLocale(num)//return "~0"
|
||||
|
||||
}
|
||||
}
|
||||
|
|
|
@ -287,7 +287,7 @@ export default function Home({ listOfElementsDefault }) {
|
|||
//console.log(event.target.value)
|
||||
setSliderValue(event.target.value)
|
||||
}}
|
||||
className="text-center px-2 py-1 placeholder-blueGray-300 text-blueGray-600 relative bg-white bg-white rounded text-lg border-0 shadow outline-none focus:outline-none focus:ring w-8/12 m-2"
|
||||
className="text-center px-2 py-1 placeholder-blueGray-300 text-blueGray-600 relative bg-white bg-white rounded text-lg border-0 shadow outline-none focus:outline-none focus:ring w-8/12 m-2 h-10"
|
||||
/>
|
||||
<br />
|
||||
{`times as valuable as ...`}
|
||||
|
|
Loading…
Reference in New Issue
Block a user