Skip to main content
100%

inflation chart

✓ Published0🌍 Public
Aandrewwitherspoon
Last edited Mar 21, 2017
Created on Mar 21, 2017

This line chart shows the month-over-month inflation rates across U.S. states from November 2015 through February 2017. Each state is represented by a colored line, with values plotted as percentages along a shared y-axis and dates along the x-axis. The chart uses conventional margins and a time scale for the x-axis, a linear scale for the y-axis, and a categorical color scale to distinguish states. Data is loaded from a TSV file and parsed with d3.tsv, while axes and lines are rendered using d3.svg.axis and d3.svg.line.

AI-generated description

This line chart is constructed from a TSV file storing the daily average temperatures of New York, San Francisco and Austin over the last year. The chart employs conventional margins and a number of D3 features:

forked from <a href='http://bl.ocks.org/mbostock/'>mbostock</a>'s block: <a href='http://bl.ocks.org/mbostock/3884955'>Multi-Series Line Chart</a>

mit Licensed

Similar vizzes

Loading thumbnail…

line graph group-4

This line graph visualizes inflation rates across countries, with each country positioned along the x-axis and its inflation value plotted on the y-axis. The chart uses a violet, six-pixel-wide line to connect all data points, highlighting the variation in inflation across nations. It loads data from a CSV file and renders an SVG using d3.csv, d3.scaleBand for the x-axis, d3.scaleLinear for the y-axis, and d3.line to generate the path. Axis labels and titles are included, with the graph built in a React framework using D3 v7.

Ppvreswar7@gmail.com
70% match
Loading thumbnail…

Line Chart with Multiple Lines

This line chart displays the count of a phenomenon across U.S. states, grouped by region (South, West, Midwest, Northeast) over five years (2011–2015), with each region represented by a distinct colored line. The visualization uses D3 v5’s `nest()` and `rollup()` to aggregate state-level data from a CSV file, then renders paths with `d3.line()`. It employs `scaleTime`, `scaleLinear`, and `scaleOrdinal` with `schemeCategory10` for axes and color encoding, plus a custom `colorLegend` component for region labels. SVG rendering includes axis labels and a title, with data sourced from the Data Canvas - Sense Your City project.

Sshehryar-hashir
70% match
Loading thumbnail…

Line chart

A multi-line chart displays tourist visitor counts for five US states—California, Texas, Florida, New York, and Illinois—from 2011 to 2021. Data is loaded via `d3.text` from a gist and parsed into per-state value arrays. The visualization uses D3 v7 to construct SVG paths with `d3.line`, linear scales, axis generators, and a drawn legend, with each state colored using `d3.scaleOrdinal` and `d3.schemeCategory10`.

Ssridhardubala106@gmail.com
69% match
Loading thumbnail…

Area chart

This area chart displays the number of visitors for five selected U.S. states (California, Texas, Florida, New York, Illinois) from 2011 to 2021. The visualization fetches comma-separated data via d3.text and parses it into an array of objects. Using d3.area with a monotone X curve, it draws semi-transparent filled paths for each state, color-coded via d3.scaleOrdinal with d3.schemeCategory10. The SVG rendering includes linear scales for axes, a legend, and both axis labels, all positioned within defined margins.

Ssridhardubala106@gmail.com
68% match
Loading thumbnail…

ICE-7-4 Area Chart1

This area chart displays the U.S. Monthly Consumer Price Index (CPI) over time, with the shaded region emphasizing the trend and magnitude of inflation. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `area`, and `curveBasis` to generate a smooth, filled path. Axes are created with `axisBottom` and `axisLeft`, and data is loaded via `csv` from a provided URL. The SVG rendering includes labeled axes and a title, with the area fill styled in maroon.

Hhossaphul
67% match
Loading thumbnail…

Project

This visualization tracks annual inflation rates across countries from 1980 to 2024 using a multi-line chart. It displays each country’s inflation trajectory as a distinct colored line, with a continuously updating x-axis representing time and a y-axis showing percentage rates. The primary view uses d3.csv to load globalInflation.csv, then transforms the wide data into a long format for rendering with d3.line and d3.scaleTime. A secondary script focuses specifically on India’s data, adding red data points with d3.scaleLinear and d3.axisBottom to highlight its trends.

Bbhargavr016@gmail.com
67% match
Loading thumbnail…

ICE 6 Scatter Plot Chart

This interactive scatter plot visualizes the relationship between the U.S. Federal Funds Rate and the U.S. Inflation Rate over time, with each point representing a yearly observation. The chart uses React state to manage a custom tooltip that displays the year, rate type, and value when a user hovers over an individual point. The visualization is rendered as an SVG using D3 v5’s `scaleLinear`, `extent`, and `min`/`max` functions for mapping data to coordinates. The data originates from a remote CSV file, processed with D3’s `csv` parser to filter incomplete records before plotting.

Ddiwashhumagain@my.unt.edu
67% match
Loading thumbnail…

FHFA State House Price Indexes

This visualization presents state-level housing price appreciation rates using a horizontal bar chart built with React and D3 v7. It ranks all 50 states plus the District of Columbia by their 5-year appreciation, with bars colored green, yellow, or red based on performance relative to the national average (computed via `d3.mean`). Interactive metric selector buttons let viewers switch between 1-period, 1-year, 5-year, and since-1991 appreciation rates, and clicking a bar highlights that state while dimming others. The chart uses `d3.scaleLinear`, `d3.scaleBand`, `d3.axisBottom`, and `d3.axisLeft` to render the data from a CSV file.

NNita
67% match