Skip to main content
SimilarExport ZIP
100%

Real Daily Wages is Pounds from 1260 - 1994

✓ Published0🌍 Public
SSaminu
Last edited Jan 5, 2017
Created on Jan 5, 2017

This visualization shows the real daily wages in pounds in England from 1260 to 1994. It uses an area chart to display the wage data over time, with a main focus panel and a smaller context panel below. The context panel includes a brush interaction for zooming into specific time periods, while the main panel updates accordingly. The code utilizes d3.scaleTime, d3.scaleLinear, d3.axisBottom, d3.axisLeft, d3.brushX, and d3.zoom to achieve the interactive zooming and brushing functionality, rendering the chart with SVG based on the CSV data file.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

chart 1

An interactive scatter plot maps workers' ages against their wages for a small dataset. Each point, rendered as a circle with a color scale based on wage, is drawn using `d3.scaleLinear` for axes and `d3.scaleSequential` with `d3.interpolateCool` for color. The visualization, built with D3 v7, includes SVG axes and tooltips; hovering enlarges a dot and displays its values, while clicking triggers an alert. The animation uses D3's `.transition()` for size changes.

Ssriharshithaanugu5@gmail.com
64% match
Loading thumbnail…

Fork of Reusable D3 Scatter Plot

This example visualizes average wage trends across countries using an animated scatter plot built with D3 v6. It renders circles positioned by each country's first and last recorded wage values, with a y-axis using a band scale for country names and an x-axis linear scale for wages. The visualization updates every two seconds by randomizing data points, demonstrating reusable chart patterns through the custom `scatterPlot` function that leverages `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom`. Data comes from a CSV of country wage statistics, displayed as an SVG with smooth transitions between updates.

Mmukundakrishna.r@gmail.com
63% match
Loading thumbnail…

bar chart

This bar chart visualizes English Premier League player salaries, showing each player’s annual earnings in pounds as horizontal bars sorted along the y-axis. The chart uses D3.js v7 with an SVG rendering approach, employing `d3.scaleLinear` for the x-axis and `d3.scaleBand` for categorical player names. It loads CSV data from a GitHub gist, formats salary values from text to numeric, and adds interactive tooltips on mouseover using D3 event handlers. Gridlines and axis labels provide additional context for comparing salary magnitudes.

Yyashaswisanjanaaerra@my.unt.edu
63% match
Loading thumbnail…

Fork of ICE-6_BM

This visualization displays the average hourly wages for the top 25 areas from a prevailing wage dataset. It presents a horizontal bar chart using React and D3 v5, where each bar’s length corresponds to the average wage value. The code loads CSV data via `d3.csv`, scales positions with `d3.scaleBand` and `d3.scaleLinear`, and renders SVG rectangles and axes with `d3.axisLeft` and `d3.axisBottom`. Red gridlines and tick labels are manually generated, and the chart updates through React’s `useState` and `useEffect` hooks.

TTekmal-Bhavana
62% match
Loading thumbnail…

pie_chart_prevailing_wage_Dataset

This pie chart visualizes the average prevailing wage across the top 10 geographical areas from a CSV dataset, with each slice colored and paired with a legend listing the area name and wage value. The chart uses D3 v5’s `pie`, `arc`, and `scaleOrdinal` APIs to generate and style the SVG segments, while mouseover events log the average wage to the console. The code also sorts the data and renders the first ten entries, with legend labels and values formatted as text.

Bbmurill2019
62% match
Loading thumbnail…

Fork of Reusable D3 Scatter Plot

This fork of the reusable scatter plot visualizes average wage data by country, comparing annual values from 2000 to 2010. It employs a `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the continuous y-axis, with axes generated via `d3.axisBottom` and `d3.axisLeft`. Data is loaded asynchronously from a CSV using `d3.csv` and rendered as steelblue circles using SVG. The chart is structured as a reusable function with getter/setter methods for configuration, following the Towards Reusable Charts pattern.

Nnagasai.mandalapu@gmail.com
62% match
Loading thumbnail…

ICE-6_BM

This example shows the average hourly wages for 25 geographic areas as a horizontal bar chart, with bars colored the default SVG black and red gridlines marking the linear x-axis scale. Built with React and D3 v5, it loads a CSV of prevailing wage data via `d3.csv`, slices the dataset to the first 25 rows, and renders SVG rectangles positioned by `d3.scaleBand` for the categorical y-axis and `d3.scaleLinear` for the numeric x-axis. The React component uses hooks (`useState`, `useEffect`) to asynchronously fetch and parse the data, then manually renders axis ticks and gridlines with D3 selectors and SVG elements.

Bbmurill2019
62% match
Loading thumbnail…

Final Project

This interactive visualization displays U.S. minimum wage trends from 1968 to 2017 using a dual choropleth map and line chart. Users click states to compare their minimum wage both in raw dollar values and adjusted 2018 dollars, with the line chart updating to show historical trajectories for selected states. A slider allows browsing different years. The visualization uses d3.geoPath for map rendering, d3.scaleLinear for color encoding, and d3.line for the time-series data, sourced from Kaggle. A color legend helps interpret the wage ranges.

RRobert Curtis
61% match