Tural Novruzov

@tural777·2 public vizzes

Multi Line Chart

This multi-line chart visualizes engine speed (in RPM) over time, using time-series data sampled every two seconds from June 27, 2023. The chart displays RPM values that rise steadily from zero to a plateau at 250 RPM. Built with D3 v5, the visualization renders an SVG with zoom and pan functionality via `d3.zoom`, and includes a clip path to constrain the line within the chart boundaries. The chart is initialized through a custom `initializeChart` function that sets up the chart container, margins, and zoom behavior.

Aug 10, 2023

Loading thumbnail…

Multi-line chart

This multi-line chart displays a week of global temperature readings across multiple cities, using color-coded lines to distinguish each location. The visualization is built with React and D3 v5, rendering SVG paths with smooth curves via `d3.line` and `curveBasis`. The data, loaded from a CSV file, is processed with `d3.nest`, while axes and scales are created using `d3.axisLeft`, `d3.axisBottom`, `scaleTime`, and `scaleLinear`. A custom color legend, driven by `scaleOrdinal` and `schemeCategory10`, animates with `transition().duration(1000)`.

Aug 10, 2023