Skip to main content
SimilarExport ZIP
100%

Faccia

✓ Published1🌍 Public
IIgor Borzunov
Last edited Sep 3, 2020
Created on Aug 29, 2020
Forked from Faccia

This example visualizes the historical price of Bitcoin from December 2017 to August 2020 using a line chart. It loads data from the CoinDesk API, parses the JSON response into date-value pairs, and renders a time-series line with axes. Built with D3 v5, the chart uses `d3.scaleTime`, `d3.scaleLinear`, and `d3.line` to plot the data, while `d3.axisBottom` and `d3.axisLeft` generate the axes. The SVG output is styled with a minimal, full-screen layout.

AI-generated description

React Starter code.

MIT Licensed

Similar vizzes

Loading thumbnail…

Learn D3.js

This interactive line chart visualizes Bitcoin’s historical price index from December 2017 to April 2018, using data fetched live from the CoinDesk API. The code parses the JSON response into date–value pairs, then renders an SVG path with D3’s `d3.line()` and `d3.scaleTime()`, alongside `d3.axisBottom()` and `d3.axisLeft()` for axes. The y-axis is labeled “Price ($)” and the single steelblue line is drawn without fill, with rounded line joins and caps. Data is loaded via `fetch` after the DOM content is ready.

Aaruba-haroon
73% match
Loading thumbnail…

Line Chart with D3.js

This line chart visualizes the Bitcoin Price Index from December 2017 to April 2018, using historical data fetched from the CoinDesk API. The chart displays price trends over time with a red line, clearly showing fluctuations in Bitcoin’s value across the four-month period. The visualization is built with D3.js v4, using `d3.scaleTime` and `d3.scaleLinear` for the axes, `d3.line` for the path, and `d3.axisBottom` and `d3.axisLeft` for the labeled axes. The data is parsed from JSON into date-value pairs, and the SVG rendering includes styled gridlines, tick labels, and an axis label for price in dollars.

TTajallah-maryam
72% match
Loading thumbnail…

Learn D3.js

This line chart visualizes the historical Bitcoin Price Index from December 2017 to April 2018, using data fetched from the CoinDesk API. The SVG chart displays price over time with a steelblue line, axis labels, and a rotated y-axis title. The example demonstrates D3.js v4's `d3.scaleTime`, `d3.scaleLinear`, `d3.line`, and `d3.axisBottom`/`d3.axisLeft` for building a complete, responsive chart from JSON data parsed into date-value pairs.

Pprincit
72% match
Loading thumbnail…

Line Chart with D3.js

This line chart displays the historical Bitcoin Price Index from December 2017 to April 2018, fetched live from the CoinDesk API. The data is parsed into date–value pairs and rendered as an SVG path using `d3.line`, with time and linear scales for the axes. A single line with a steelblue stroke shows the price trend over time, while axis labels are generated via `d3.axisBottom` and `d3.axisLeft`. The chart is built with D3 v4 and updates dynamically when the DOM content loads.

TTajallah-maryam
72% match
Loading thumbnail…

Line Chart with D3.js

This line chart visualizes the daily closing price of Bitcoin from December 31, 2017, to April 1, 2018, using data fetched from the CoinDesk API. The chart is drawn as an SVG using D3.js v4, with a time-scaled x-axis and a linear y-axis representing price in dollars. The line path is generated via `d3.line()` with rounded line joins and caps, styled in steel blue, and axes are labeled using `d3.axisBottom` and `d3.axisLeft`. The dataset, parsed into date–value pairs, is rendered without additional point marks, focusing on the trend.

TTajallah-maryam
70% match
Loading thumbnail…

Faccia

A radial network of nodes and edges forms a sparse, web-like structure, with a large central cluster surrounded by smaller satellite groupings. The visualization uses a force-directed layout driven by `d3.forceSimulation` within a React framework, rendering everything as SVG elements into a static canvas. The code imports data from a variable named `v3` and relies on D3 v5, with styling handled by external CSS. The composition emphasizes the overall topology rather than individual labels or values.

IIgor Borzunov
70% match
Loading thumbnail…

Fork of Bitcoin - Line Chart ICE-7 _Sravan

This example visualizes Bitcoin rates over the last week as a smooth, maroon line chart. It uses a time-scaled x-axis for timestamps and a linear y-axis for rates, with labeled axes and a title. Built with D3 v5, the code employs `scaleTime`, `scaleLinear`, `line`, and `curveBasis` to construct the path, while `axisBottom` and `axisLeft` generate grid lines. Data is fetched as CSV from a GitHub repository and rendered as an SVG.

NNHRK555
68% match
Loading thumbnail…

Faccia

A stylized face rendered as a purple SVG scene draws the viewer's eye with a yellow circular head, two black eyes, and a curved mouth. The left eyebrow animates up and down over two seconds using chained `transition` calls, while the right eyebrow remains static. Built with D3 v5, the example uses `select` to manipulate the SVG, `arc` to generate the mouth path, and simple shape attributes for circles and rectangles. The face is centered via a translated group element.

HHombreLobotomia
68% match