aleksstan96

@aleksstan96·8 public vizzes

Set

The visualization displays a qualitative risk matrix, plotting likelihood against a five-level impact scale. Severity data points, colored by category, are positioned on the chart, with a red diagonal line indicating a risk threshold. The visualization uses D3.js v5 for SVG rendering, employing `scaleLinear` and `scaleLog` for axes, and data loaded from two CSV files. Interactive features include downloadable PDF generation via jsPDF and selectable tooltip display modes (label, coordinates, or both).

Feb 19, 2021

Loading thumbnail…

Set

This visualization presents a generic Bootstrap-based business template with placeholder content, featuring a fixed navigation bar, a hero section with an image and call-to-action, and three information cards. The page layout is structured using Bootstrap’s grid system (`container`, `row`, `col-md-4`) and styling classes. JavaScript functionality is minimal and relies on jQuery and Popper.js for Bootstrap components, while no data visualization or D3.js rendering is implemented in the visible code. The example demonstrates static HTML structure rather than interactive graphics.

Feb 17, 2021

Loading thumbnail…

to pdf

A cheerful face is drawn with D3.js, featuring a yellow circular head, black eyes, eyebrows, and a curved mouth. The eyebrows animate by transitioning their vertical position down and back up over four seconds. After the animation, the visualization renders the SVG to a PNG using canvg and then embeds it into a PDF via the jsPDF library, saving the generated document for download.

Feb 12, 2021

Loading thumbnail…

sheet2

This scatterplot overlays two datasets on logarithmic and linear scales to visualize risk likelihood and impact. The first dataset (data.csv) is rendered as red circles connected by a line, while the second (data1.csv) is displayed as colored circles with a legend. The visualization uses custom margins, axis tick labels, and a color scale to differentiate severity levels, with a log-scaled y-axis for likelihood.

Jan 31, 2021

Loading thumbnail…

Fork of proba

This example plots likelihood against a categorical severity score, connecting points with a red line to show the relationship between probability and impact. The y-axis uses a logarithmic scale, while the x-axis displays custom score labels. Built with D3 v5, it loads CSV data and renders an SVG using `scaleLinear`, `scaleLog`, `axisBottom`, `axisLeft`, and a line generator. Red circles mark each data point, and the chart includes a title and rotated axis label.

Jan 29, 2021

Loading thumbnail…

connected scatterplot

A connected scatterplot maps likelihood and score from a CSV file, with points connected by a line to show their sequential relationship. The x-axis uses a linear scale for score, while the y-axis uses a logarithmic scale for likelihood, with custom tick labels for severity levels. Circles mark each data point, and a path generated by d3.line connects them. The visualization is built with D3 v5, using scaleLinear, scaleLog, axisBottom, axisLeft, and SVG rendering.

Jan 28, 2021

Loading thumbnail…

take2

This scatterplot displays the likelihood of risk events against their qualitative severity scores, ranging from “minor” to “disastrous.” The y-axis uses a logarithmic scale to accommodate widely varying probability values. The chart is built with D3 v5, using `scaleBand` for the categorical x-axis and `scaleLog` for the numeric y-axis, with data loaded from a CSV file and rendered as SVG circles.

Jan 27, 2021

Loading thumbnail…

proba

A horizontal bar chart displays population counts for ten countries, sorted by value, using steel-blue rectangles. The visualization is rendered with SVG through D3 v5, employing `scaleLinear` for the x-axis and `scaleBand` for the categorical y-axis. Data is loaded from a CSV file, with population values multiplied by 1000 before rendering. Axis labels are generated using `axisBottom` and `axisLeft`, while margins and group transforms position the chart within the viewport.

Jan 26, 2021