Konyk Myroslav

@K0nyK·3 public vizzes

Fork of World Countries Tree

This visualization shows a hierarchical tree of world countries, organized by continent and subregion, with each country name displayed as a text label. The tree layout positions nodes horizontally, with links drawn as curved paths in green. The visualization uses D3 v5's `tree` and `hierarchy` functions to compute the layout, `linkHorizontal` for path generation, and `zoom` for pan and zoom interactions. Data is loaded from a JSON file, rendered as SVG, and styled with the Playfair Display font.

Dec 7, 2021

Loading thumbnail…

Fork of Temperature in San Francisco Line Chart

This visualization displays a week of temperature data in San Francisco as a smooth red line chart, with time on the x-axis and degrees Celsius on the y-axis. Built with D3 v5, it uses `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` to generate the SVG path. Data is loaded via `csv` from a remote dataset, with circles and grid lines styled through CSS. The chart includes labeled axes and a title, rendered entirely in SVG.

Dec 7, 2021

Loading thumbnail…

Fork of Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Auto MPG dataset, with each green semi-transparent circle representing a car. The axes are clearly labeled, and gridlines extend across the plot to aid reading values. The implementation uses D3 v5 functions like `scaleLinear`, `axisBottom`, and `axisLeft` to construct scales and axes, while SVG circles are appended to a group element with margins. Data is loaded via `d3.csv` and parsed into numeric fields before rendering.

Dec 7, 2021