bugracaglar

@bugracaglar·3 public vizzes

Fork of Fork of Fork of ICE7 Pie Chart

A pie chart displays the top ten cryptocurrencies by market capitalization, with the proportional area of each slice representing its market value. Data is loaded from a JSON file via `d3.json`, and the chart is rendered using `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with the `schemeCategory10` color palette. The visualization also includes a custom legend generated with SVG shapes. The title, in Turkish, indicates the subject matter, and the data is formatted using `d3.format`.

Mar 29, 2022

Loading thumbnail…

Fork of HTML Starter

This example renders a single HTML page with no loading data sources. The page contains a custom `<circle>` element with a nested `<weight>` tag, though no JavaScript or CSS rules target these elements. The only visible styling applies a massive 13em font size to any element with the class `message`, but no such element exists in the markup. The title indicates it is a fork of the HTML starter template, and the code includes no react components or external visualization libraries despite the framework metadata. It demonstrates a basic, static HTML document structure with a style block and custom elements.

Mar 29, 2022

Loading thumbnail…

Fork of ICE 7 Area Chart

This chart visualizes the sales of cars in India from 2009 to 2019, combining a black line and an orange filled area to show the trend over time. The interactive-free SVG graphic uses D3.js v5 with `scaleTime` and `scaleLinear` for the axes, and `line` and `area` generators with `curveBasis` to create the smooth paths. The data is loaded from a CSV file hosted on GitHub, with the year parsed using `d3.timeParse`.

Mar 29, 2022