Skip to main content
SimilarExport ZIP
100%

USD-RMB Exchange Rate 2017

✓ Published0🌍 Public
YYF
Last edited Sep 17, 2018
Created on Sep 17, 2018

This line chart shows the USD-RMB exchange rate over the course of 2017, using data from Dollar Yuan Exchange Rate at macrotrends.net. The visualization renders as an SVG and uses d3.v5’s `scaleTime`, `scaleLinear`, and `line` with `curveBasis` to draw a smooth path. Axes are generated with `axisBottom` and `axisLeft`, and the y-axis tick labels are formatted using `format('.3s')`. The chart includes labeled axes for time and exchange rate, plus a title.

AI-generated description

This line chart shows the changes in USD-RMB exchange rate during 2017. The data comes from Dollar Yuan Exchange Rate.

MIT Licensed

Similar vizzes

Loading thumbnail…

Line chart from CSV using d3.js

This example visualizes the USD to RUB exchange rate over three selectable years (2018, 2019, 2020) as an animated line chart with a filled area. It uses d3.js v6 within a React-compatible structure, rendering to SVG. Data is loaded from CSV files using `d3.csv`, with the x-axis mapped via `d3.scaleTime` and the y-axis via `d3.scaleLinear`. The line and area paths are built with `d3.line` and `d3.area` using cardinal curves, while transitions (using `transition()`) animate the axis rescaling and stroke-dasharray drawing effect. A mouse hover reveals a crosshair and highlights the nearest data point via `d3.bisector`. The source is the Moscow Exchange, linked via an embedded anchor.

AAleOG
66% match
Loading thumbnail…

ICE-7:-Line Chart:-Comparing USD to INR Price from 1990 to 2022

This line chart displays the exchange rate of USD to INR from 1990 to 2022, showing a steady upward trend in the price over time. The visualization uses d3.v7 with SVG rendering, employing d3.line, d3.scaleLinear, and d3.axisBottom/axisLeft to plot the data. Data points are marked as circles, and the line uses curveMonotoneX for smooth transitions. The data is fetched from a CSV file hosted on GitHub Gist, and the chart is styled with a white background and blue accents.

Vvinodreddysagam929@gmail.com
62% match
Loading thumbnail…

Activity 9 q2

This area chart displays the exchange rate of USD over time, using a green filled area to emphasize the trend. The visualization is rendered as an SVG and built with D3 v7, which handles data parsing, time-based scaling on the x-axis, and linear scaling on the y-axis. The chart also includes labeled axes for "Year" and "USD", with the area path generated by `d3.area()`. The data is loaded from a remote CSV file, and the chart is styled with a green fill and black stroke.

Cchinnivikramnunna@gmail.com
60% match
Loading thumbnail…

Activity7_Question2

This interactive line and area chart visualizes the monthly USD to INR exchange rate over time. The visualization combines a semi-transparent steelblue area chart with an overlaid line, both colored green, to show the trend. It includes axes labeled "Date" and "Exchange Rate (INR per USD)", plus a tooltip that appears on mouseover, revealing the exact exchange rate at the hovered date via a red focus circle. Built with D3 v7, the code uses `d3.area`, `d3.line`, `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.bisector` for interactivity, with data loaded from a CSV file via `d3.csv`.

Ssriharshithaanugu5@gmail.com
60% 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
59% match
Loading thumbnail…

Gist 89566fbfb20d81fd7fe9

This interactive line chart tracks the exchange rates of various global currencies against the euro, with a dropdown menu to switch between different currency selections. The visualization displays a time series of daily rates, augmented by a red exponential moving average line that reveals underlying trends, while a crosshair with a trackball follows the mouse to show precise values for any date and rate pair. The chart is rendered as an SVG using the D3.js library, with grid lines, axis labels, and a legend. The code also incorporates the d3fc framework for chart components and a custom area chart beneath the line to emphasize the rate’s magnitude over time.

BBenHeubl
59% 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
58% match
Loading thumbnail…

USD to INR conversion graph

This example shows the exchange rate between USD and INR, depicting how the value of the US dollar fluctuates against the Indian rupee over time. The visualization is built using React for the application structure, while D3.js version 5 handles the data plotting and chart rendering. The code uses a custom hook, `useData`, to manage data retrieval, though the actual data fetching logic is not implemented in the visible files. The main component renders a static “Hello React!” message, meaning the chart itself is not yet instantiated; instead, the placeholder demonstrates the intended setup with D3 and React working together.

VVikil Lakkavatri
58% match