NumericPoint -> DistributionPoint

This commit is contained in:
Marshall Polaris 2022-09-26 17:24:32 -07:00
parent 55204cf8a8
commit aea963158e

View File

@ -20,7 +20,7 @@ import { useEvent } from 'web/hooks/use-event'
export type MultiPoint = readonly [Date, number[]] // [time, [ordered outcome probs]] export type MultiPoint = readonly [Date, number[]] // [time, [ordered outcome probs]]
export type HistoryPoint = readonly [Date, number] // [time, number or percentage] export type HistoryPoint = readonly [Date, number] // [time, number or percentage]
export type NumericPoint = readonly [number, number] // [number, prob] export type DistributionPoint = readonly [number, number] // [number, prob]
const formatPct = (n: number, digits?: number) => { const formatPct = (n: number, digits?: number) => {
return `${(n * 100).toFixed(digits ?? 0)}%` return `${(n * 100).toFixed(digits ?? 0)}%`
@ -67,7 +67,7 @@ const getTickValues = (min: number, max: number, n: number) => {
} }
export const SingleValueDistributionChart = (props: { export const SingleValueDistributionChart = (props: {
data: NumericPoint[] data: DistributionPoint[]
w: number w: number
h: number h: number
color: string color: string
@ -77,9 +77,9 @@ export const SingleValueDistributionChart = (props: {
const { color, data, xScale, yScale, w, h } = props const { color, data, xScale, yScale, w, h } = props
const tooltipRef = useRef<HTMLDivElement>(null) const tooltipRef = useRef<HTMLDivElement>(null)
const px = useCallback((p: NumericPoint) => xScale(p[0]), [xScale]) const px = useCallback((p: DistributionPoint) => xScale(p[0]), [xScale])
const py0 = yScale(0) const py0 = yScale(0)
const py1 = useCallback((p: NumericPoint) => yScale(p[1]), [yScale]) const py1 = useCallback((p: DistributionPoint) => yScale(p[1]), [yScale])
const formatX = (n: number) => formatLargeNumber(n) const formatX = (n: number) => formatLargeNumber(n)
const formatY = (n: number) => formatPct(n, 2) const formatY = (n: number) => formatPct(n, 2)