Gist 8522961

100%

✓ Published0🌍 Public

Last edited Jan 20, 2014

Created on Jan 20, 2014

This visualization demonstrates the distribution of utility customers by the number of meter readings they have, broken down by energy type. It shows how many customers fall into each category of meter-reading frequency, allowing comparison between electricity and gas customers. The Ruby code parses a pipe-delimited CSV file using the `CSV` library, structures the data with a `Customer` struct, and computes statistics through a `Statistics` module. The chart is rendered as text-based output, using string formatting and the `Date::MONTHNAMES` constant to display monthly averages, with results centered using the `center` method for alignment.

AI-generated description

Similar vizzes

Loading thumbnail…

fast parser

The example processes a pipe-delimited CSV file containing customer meter readings, using Ruby’s CSV library to parse each row. It calculates statistics on unique customers, electricity versus gas usage, and monthly average consumptions. The code also groups customers by their number of meter readings and prints these distributions in formatted text tables. Active Support’s inflector and Date::MONTHNAMES are used for label handling, while a Set tracks unique customer IDs. The output is a plain-text summary of computed statistics, with no graphical visualization.

66ewis

79% match

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

63% match

Loading thumbnail…

Energy

This visualization displays the first record of an energy consumption dataset as raw JSON in a large monospace font. The code parses a CSV file using a data import statement, converts timestamp and numeric fields with the JavaScript `Date` constructor and unary plus operators, then renders the formatted object with `JSON.stringify` inside a `<pre>` element. The example demonstrates basic data loading and preprocessing from the Energy Consumption Prediction dataset on Kaggle.

Ppadmeshnaik22@gmail.com

62% match

Loading thumbnail…

Untitled

This bar chart displays monthly electricity consumption for a two-year period, using green and blue bars to represent different billing accounts. The visualization loads data from a local CSV file and renders an SVG graphic using D3.js version 3.5.17. The code employs d3.scale.ordinal for the x-axis, d3.scale.linear for the y-axis, and d3.svg.axis for tick marks and labels. Month and year values are parsed with d3.time.format, while the vertical axis label is rotated using SVG transforms.

Vvenkatajayanth03

62% match

Loading thumbnail…

Gist 53ab412b2be670388711

This example visualizes data from a CSV file containing country statistics, including metrics like population, birth rate, and electricity consumption. It uses D3.js to render a scatter plot, positioning countries based on their birth rate and death rate, with the size of each circle representing population. The axes include a linear scale for birth rate and death rate, and the visualization includes interactive features like hover tooltips and zooming. Data is parsed from the CSV using `d3.csv` and scales are defined with `d3.scaleLinear` and `d3.scaleSqrt`.

LLTymn

61% match

Loading thumbnail…

ICE6

This stacked bar chart visualizes two years of personal electricity consumption across multiple accounts in a three-family structure, with green and blue bars representing different meter readings. The code uses React with d3-scale-band and d3-scale-linear scales, d3.stack for stacking, and SVG rendering to display the data. The chart loads CSV data from a GitHub gist and includes labeled axes, a legend, and a vertical y-axis label. It employs d3.csv for data loading and d3.max for computing the domain, with the visualization showing account-specific usage patterns over time.

SSnigdha6698

61% match

Loading thumbnail…

Electric Bar Chart Before Stack Refactoring

This bar chart visualizes personal electricity consumption across two years, with bars colored by account number to distinguish usage among three household accounts. Rendered in SVG with D3 v6, the visualization uses `scaleBand`, `scaleLinear`, and `scaleOrdinal` to position and color the bars, with hover interactions transitioning fills to grey. Data is loaded via D3’s `csv` from a GitHub gist, and axis labels, a title, and a legend are generated using `axisLeft`, `axisBottom`, and custom text elements.

PPeter Cordone

61% match

Loading thumbnail…

my - Testing kWh Month chart

This example visualizes monthly electricity consumption (kWh) across multiple building sites, displayed as a grouped bar chart. Each month shows separate bars for different sites, with the count of kilowatt-hours encoded by bar height. The chart uses d3.csv to load the data, d3.nest for grouping records by date and site, and d3.scaleBand for positioning both the month groups and the site sub-groups. Axes are rendered with d3.axisBottom and d3.axisLeft, and the SVG output is styled with CSS. Data comes from a local CSV file with Site, DateDay, and SumOfKwh columns.

Mmab3105

61% match