fix: aesthetics
This commit is contained in:
parent
7d47a76d21
commit
9eeb35f998
|
@ -1,8 +1,18 @@
|
||||||
/* Imports*/
|
/* Imports*/
|
||||||
import React from "react";
|
import React from "react";
|
||||||
|
import { toLocale, truncateValueForDisplay } from "../lib/utils.js"
|
||||||
|
|
||||||
/* Utilities */
|
/* Utilities */
|
||||||
let avg = arr => arr.reduce((a,b) => (a+b)) / arr.length
|
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)));
|
||||||
|
}else{
|
||||||
|
return "~0"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/* Main function */
|
/* Main function */
|
||||||
|
|
||||||
|
@ -108,9 +118,9 @@ export function CreateTableWithDistances({isListOrdered, orderedList, listOfElem
|
||||||
<td> </td>
|
<td> </td>
|
||||||
<td className="">{row.name}</td>
|
<td className="">{row.name}</td>
|
||||||
<td> </td>
|
<td> </td>
|
||||||
<td className="">{JSON.stringify(row.distances, null, 2)}</td>
|
<td className="">{JSON.stringify(row.distances.map(d => formatLargeOrSmall(d)), null, 2).replaceAll(`"`, "")}</td>
|
||||||
<td> </td>
|
<td> </td>
|
||||||
<td className="">{avg(row.distances).toFixed(2)}</td>
|
<td className="">{formatLargeOrSmall(avg(row.distances))}</td>
|
||||||
</tr>
|
</tr>
|
||||||
)}
|
)}
|
||||||
</tbody>
|
</tbody>
|
||||||
|
|
10
lib/utils.js
10
lib/utils.js
|
@ -4,5 +4,13 @@ export const hashString = (string) => crypto.createHash('md5').update(string).di
|
||||||
|
|
||||||
export const transformSliderValueToActualValue = value => 10 ** value //>= 2 ? Math.round(10 ** value) : Math.round(10 * 10 ** value) / 10
|
export const transformSliderValueToActualValue = value => 10 ** value //>= 2 ? Math.round(10 ** value) : Math.round(10 * 10 ** value) / 10
|
||||||
export const toLocale = x => Number(x).toLocaleString()
|
export const toLocale = x => Number(x).toLocaleString()
|
||||||
export const truncateValueForDisplay = value => value > 10 ? Number(Math.round(value).toPrecision(2)) : Math.round(value * 10) / 10
|
export const truncateValueForDisplay = value => {
|
||||||
|
if(value > 10){
|
||||||
|
return Number(Math.round(value).toPrecision(2))
|
||||||
|
}else if(value > 1){
|
||||||
|
return Math.round(value * 10) / 10
|
||||||
|
} else if(value < 1){
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
export const transformSliderValueToPracticalValue = value => truncateValueForDisplay(transformSliderValueToActualValue(value))
|
export const transformSliderValueToPracticalValue = value => truncateValueForDisplay(transformSliderValueToActualValue(value))
|
||||||
|
|
|
@ -14,7 +14,7 @@ import { DisplayAsMarkdown } from '../lib/displayAsMarkdown'
|
||||||
import { CreateTableWithDistances } from '../lib/findPaths'
|
import { CreateTableWithDistances } from '../lib/findPaths'
|
||||||
import { TextAreaForJson } from "../lib/textAreaForJson"
|
import { TextAreaForJson } from "../lib/textAreaForJson"
|
||||||
import { pushToMongo } from "../lib/pushToMongo.js"
|
import { pushToMongo } from "../lib/pushToMongo.js"
|
||||||
import { toLocale, transformSliderValueToPracticalValue } from "../lib/utils.js"
|
import { toLocale, transformSliderValueToPracticalValue, transformSliderValueToActualValue } from "../lib/utils.js"
|
||||||
|
|
||||||
/* Helpers */
|
/* Helpers */
|
||||||
let increasingList = (n) => Array.from(Array(n).keys())
|
let increasingList = (n) => Array.from(Array(n).keys())
|
||||||
|
@ -220,7 +220,7 @@ export default function Home({ listOfElementsDefault }) {
|
||||||
console.log(posList)
|
console.log(posList)
|
||||||
let successStatus = nextStepSimple(posList, binaryComparisons, element1, element2)
|
let successStatus = nextStepSimple(posList, binaryComparisons, element1, element2)
|
||||||
|
|
||||||
let newQuantitativeComparison = [element1, element2, transformSliderValueToPracticalValue(sliderValue)]
|
let newQuantitativeComparison = [element1, element2, transformSliderValueToActualValue(sliderValue)]
|
||||||
let newQuantitativeComparisons = [...quantitativeComparisons, newQuantitativeComparison]
|
let newQuantitativeComparisons = [...quantitativeComparisons, newQuantitativeComparison]
|
||||||
setQuantitativeComparisons(newQuantitativeComparisons)
|
setQuantitativeComparisons(newQuantitativeComparisons)
|
||||||
|
|
||||||
|
|
|
@ -13,7 +13,8 @@
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "Categorizing Variants of Goodhart's Law",
|
"name": "Categorizing Variants of Goodhart's Law",
|
||||||
"url": "https://arxiv.org/abs/1803.04585"
|
"url": "https://arxiv.org/abs/1803.04585",
|
||||||
|
"isReferenceValue": true
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "The Vulnerable World Hypothesis",
|
"name": "The Vulnerable World Hypothesis",
|
||||||
|
|
Loading…
Reference in New Issue
Block a user