Skip to main content
SimilarExport ZIP
100%

Loss Triangles

✓ Published0🌍 Public
SSpaceActuary
Last edited May 6, 2016
Created on May 5, 2016

The visualization displays an animated "loss triangle" of paid insurance claims, with values shown as text labels plotted by accident year and development age. A checkbox toggles the x-axis between development age and calendar year, causing the labels to slide horizontally across the chart. The SVG is rendered with D3.js, using linear scales, a transition with linear easing and per-element durations, and color brewer sequential palettes for the ordinal scale. Data comes from a CSV file of paid amounts.

AI-generated description

Built with blockbuilder.org

Similar vizzes

Loading thumbnail…

pinto-gogol

Three animated curves plot loss development factors from a CSV dataset, showing the change in gross, net, and deductible layers as claims age. The crimson, seagreen, and steelblue lines transition between scaled and unscaled states using `d3.transition` and `d3.line`. A semi-transparent area, built with `d3.area`, highlights the difference between the gross and deductible layers, and a net line fades in to show the layer’s standalone curve. The SVG animation cycles through phases to illustrate the impact of an increased limit factor.

SSpaceActuary
73% match
Loading thumbnail…

Insurance32

This example displays an area chart of insurance charges, mapping age along the x-axis and the parsed numeric `charges` values along the y-axis. It fetches CSV data from a GitHub gist and uses D3.js v7 to parse it, then constructs an SVG with a steelblue filled area path. The visualization uses `d3.scaleBand` and `d3.scaleLinear` for positioning, and `d3.area` to generate the area shape, with axes added via `d3.axisBottom` and `d3.axisLeft`.

Ssriharshakondakindi@gmail.com
68% match
Loading thumbnail…

Loss Limiting

This visualization displays the results of a Monte Carlo simulation that models losses subject to a cap or limit. Each vertical bar represents one simulated scenario, which combines a Poisson-distributed number of individual gamma-distributed losses. The chart separates each bar into two stacked segments: a light blue portion shows the capped loss amount, while a darker blue segment shows the excess over the cap, making the effect of the loss-limiting mechanism immediately visible. The bars are sorted by total loss, and a line traces the uncapped total. The code uses the `jStat` library for sampling from gamma and Poisson distributions and D3.js for rendering the SVG output.

SSpaceActuary
68% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the relationship between age and insurance charges using data loaded from a CSV file. D3.js v7 scales map age and charge values to SVG circle positions, with axes labeled and a title displayed. The visualization uses d3.csv to fetch external data, d3.scaleLinear for both x and y domains, and d3.axisBottom and d3.axisLeft to render the axes. The SVG rendering approach draws each data point as a small blue circle.

PPranay Matalia
67% match
Loading thumbnail…

Activity8Task3

This scatter plot visualizes insurance data, showing the relationship between a patient's age and their insurance charges. Each point represents an individual, with colors encoding the patient's region of residence. The visualization is built using D3 v6, with a linear scale mapping age to the x-axis and charges to the y-axis. Data is loaded asynchronously from a remote CSV file via `d3.csv`, and circles are appended to an SVG container using data joins, with axes rendered by `axisBottom` and `axisLeft`.

BBindumadhavi
66% match
Loading thumbnail…

Bar Chart

The visualization is a bar chart displaying simulated lognormal claim severity data, with each bar representing an individual sample value. Animated transitions update the bars and a summary table shows computed statistics for total, limited, and excess layers, including current value, mean, standard deviation, and coefficient of variation, across 50 resampling iterations. The chart uses D3 v4's `scaleBand`, `scaleLinear`, `axisBottom`, `transition`, and `tween` APIs for SVG rendering, while the jStat library generates the lognormal samples. Data summaries are formatted using `d3.format`.

SSpaceActuary
66% match
Loading thumbnail…

Car Accident Visualization

This interactive bar chart visualizes the frequency of collision details in car accidents, ranking causes from "Other Motor Vehicle" down to "In-Line Skater." Users can click buttons to add or remove bars, revealing progressively less common crash scenarios. Built with D3 v7 and React, the visualization uses `d3.scaleBand` and `d3.scaleLinear` for axes, with SVG rectangles and animations updating the chart dynamically. The data is hardcoded in JavaScript arrays, with axis labels and rotated tick text styled via CSS.

CChaoying Zheng
66% match
Loading thumbnail…

Accident Data

This scatter plot visualizes accident data, encoding accident count on the x-axis and categorical severity (High, Medium, Low) on the y-axis using numeric mapping (3, 2, 1). The SVG rendering uses D3 v6 APIs including `csv`, `scaleLinear`, `axisLeft`, `axisBottom`, and `scaleOrdinal` to map severity levels to red, orange, and green fills. The chart loads data from a local `accidents.csv` file, with custom axis labels for severity and count.

Llikhithakarunakarreddym@gmail.com
66% match