Skip to main content
SimilarExport ZIP
100%

Rating

✓ Published0🌍 Public
MMoooYang
Last edited Sep 23, 2020
Created on Sep 16, 2020
Forked from Violations

This visualization displays the relationship between U.S. states and commercial electricity rates as a scatter plot, using data from the U.S. Electric Utility Companies and Rates dataset from Feb 2011. Each state is mapped along the x-axis while the commercial rate is shown on the y-axis, with points representing individual ZIP code records. The chart is built with Vega-Lite and D3.js, using `vl.markPoint` with a small opacity to reveal density, and renders via the Vega-Lite API with a tooltip handler.

AI-generated description

This data comes from U.S. Electric Utility Companies and Rates: Look-up by Zipcode (Feb 2011).

Gist: U.S. Electric Utility Companies and Rates

MIT Licensed

Similar vizzes

Loading thumbnail…

U.S. Electric Utility Companies and Rates

This example displays the size and shape of a CSV file containing U.S. electric utility company data. It fetches the dataset from a GitHub repository using the `d3.csv` method, then reports the file size in kilobytes, the number of rows, and the number of columns in a large text preformatted block. The visualization demonstrates a straightforward data-loading and summary operation with D3 v5.

MMoooYang
67% match
Loading thumbnail…

D3 Scatter Plot

This scatter plot displays U.S. natural gas consumption by the electric power sector in billion BTU per year from 2000 to 2010. The code loads data from a CSV file and renders it as an SVG using D3 v7. It uses `d3.scaleLinear` for the x-axis, `d3.scalePoint` for the y-axis, and `d3.axisLeft` and `d3.axisBottom` for tick marks. Circles are appended to represent each data point, with axis labels and a title included.

Mmariahdiaz
67% match
Loading thumbnail…

Non-Investor Owned Electric Utility Rates

This visualization displays the first record from a dataset of non-investor owned electric utility rates, sourced from the OpenEI data portal. It shows the raw JSON structure containing fields for zip code, utility name, state, service type, ownership, and rates for commercial, industrial, and residential customers. The code loads the CSV data, converts numeric fields to numbers, and uses JavaScript's `JSON.stringify` to display the first data entry in a formatted `<pre>` element within the container.

Sssmadha@hotmail.com
66% match
Loading thumbnail…

Business Categories per US States

This visualization shows the population of business categories across US states using a bar chart, where each state’s total population is broken down by category through color encoding. The chart reorders states by descending population and includes tooltips for exact values. Built with the vega-lite-api library, it renders via Vega-Lite’s markBar encoding, pulling CSV data from a GitHub-hosted Yelp business dataset. The code customizes axis styling and font sizes through a config object, integrating vega-tooltip for interactive hover details.

CChongho Lee
66% match
Loading thumbnail…

Some energy consumption data by type from the eia

This interactive scatter plot displays energy consumption data across U.S. states and regions, with a dropdown menu to switch between different fuel types and years from the EIA dataset. The visualization renders SVG circles whose vertical position reflects the selected consumption value while the horizontal axis shows the state or region. React handles the component state and dropdown interactions, while d3.v6 provides the scale functions (`scaleTime`, `scaleLinear`) and axis components. The underlying CSV data is loaded asynchronously via d3.csv, and each circle includes a native SVG `<title>` element for hover tooltips.

AAndre J Denais
65% match
Loading thumbnail…

D3 Bar Chart

This example visualizes natural gas consumption by the electric power sector across eleven U.S. states, using a horizontal bar chart where each bar’s length encodes the consumption value in billion BTU. The chart is built with D3.js (v7) and rendered as SVG, using `d3.csv` for data loading, `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the y-axis, and `d3.axisLeft`/`d3.axisBottom` for tick marks. Each bar is labeled with its exact value, and the plot includes a title and axis labels. The data comes from the included `data.csv` file.

Mmariahdiaz
65% match
Loading thumbnail…

Vega-Lite US Map for Unemployment Rate

This choropleth map visualizes U.S. state-level unemployment rates using a sequential color scale. Built with Vega-Lite, it loads TopoJSON state boundaries and joins them to a TSV file of rates by state ID. The map applies an Albers USA projection. The code uses `vega-embed` to render the specification, with `getData.js` importing CSV data via D3. A hover effect is implemented with CSS, and the original configuration was adapted from a Vega-Lite example that used county-level data.

Yyuzhang21
65% match
Loading thumbnail…

Intersections

This visualization displays the relationship between U.S. state statistics—including median income, alcohol consumption, and murder rate—using a dynamic scatter plot. The plot transitions between categorical bar charts for states and quantitative scatter plots, with animated circles for numeric comparisons. D3's scaleLinear, scaleBand, axisBottom, and axisLeft APIs handle the chart construction, while the `menu` component and `dispatch` enable interactive axis selection. The code uses `transition` for smooth animations and `selection.join` for efficient SVG element updates. The data comes from a CSV file combining income, alcohol, and murder statistics per state.

Aadventuresenglish.info@gmail.com
64% match