Vega-Lite MFRED Visualization KVAR vs KWh

100%

Vega-Lite MFRED Visualization KVAR vs KWh

✓ Published0🌍 Public

Last edited Oct 29, 2021

Created on Oct 29, 2021

Forked from Vega-Lite MFRED Hourly Kw vs Time

This visualization plots kW against kVAR for each of 26 aggregate generators in the MFRED dataset, with points colored by generator ID to compare real versus reactive power output. It uses the Vega-Lite API with d3.v5 for data loading, transposing the CSV into per-generator records via `getData`. The chart applies custom axis and label styling from `config.js`, renders as an SVG through vega-tooltip, and displays 15-minute interval data across all generators.

AI-generated description

A visualization constructed using the vega-lite-api.

MIT Licensed

Similar vizzes

Loading thumbnail…

Vega-Lite MFRED Hourly Kw vs kVAR

This visualization plots hourly electrical power measurements from the MFRED dataset, comparing kilowatts (kW) against kilovolt-amperes reactive (kVAR) for multiple aggregated generator groups. Each point represents one hour of data, colored by generator group, with tooltips showing the group name. The code uses the Vega-Lite API with d3.v5 for data loading and grouping, converting 15-minute CSV data into hourly totals before rendering the scatter plot with configurable axis styling.

PPeter Cordone

90% match

Loading thumbnail…

Vega-Lite MFRED Hourly Kw vs Time

This visualization plots hourly kilowatt readings from the MFRED dataset against time, with each of the 26 generator units (AG01 through AG26) colored distinctly by category. It uses the Vega-Lite API, registered with vega and vega-lite, to render point marks on an SVG canvas. The data is loaded via d3.csv, aggregated from 15-minute intervals into hourly totals using d3.group, and the chart auto-fits to the window size. Tooltips display the generator name on hover.

PPeter Cordone

86% match

Loading thumbnail…

MFRED Kw Histogram

This visualization displays a histogram of kW and kVAR measurements from the MFRED dataset, with individual aggregates (AG01 through AG26) distinguished by color. The bars are rendered using the vega-lite-api’s markBar with a black background and configured axes. The data is loaded via d3.csv from a GitHub-hosted CSV file, then grouped by hour using d3.group to compute totals. The chart uses D3 v5, Vega-Lite v4, and the vega-lite-api wrapper, with a custom tooltip handler for interactivity.

PPeter Cordone

82% match

Loading thumbnail…

Vega-Lite MFRED Hourly Kw vs Time Histogram

This visualization displays hourly electricity consumption in kilowatts over time, with individual aggregator groups colored distinctly and tooltips revealing their names. Built with the Vega-Lite API and D3, it transforms 15-minute CSV data from MFRED by grouping timestamps into hourly intervals and summing values across 26 aggregator channels. The bar chart uses `vl.markBar` with configurable axis styling and a dark color scheme, rendered as an SVG via Vega-Lite’s view engine.

PPeter Cordone

81% match

Loading thumbnail…

Fork of Fork of Vega-Lite API Template

This visualization displays a scatter plot of data from the UCI Auto MPG dataset, plotting intensity against end year and coloring points by pestle, with tooltips showing sector information. Built with the Vega-Lite API, it uses d3’s `csv` function to load remote data, `vl.markCircle` for the marks, and encodes x, y, color, and tooltip channels. The code registers Vega-Lite with a custom config to adjust axis styling and label fonts, and renders the chart as an SVG fitted to the window size.

KKIRRAN P L

69% match

Loading thumbnail…

Vega-Lite API Template 8

This visualization displays two scatter plots of Auto MPG data from the UCI Machine Learning Repository. The main chart plots two quantitative fields against each other, colored by vehicle class, while a smaller repeater panel shows multiple combinations of the same fields. Built with the Vega-Lite API, it uses `vl.markCircle`, `vl.x().fieldQ()`, and `vl.y().fieldQ()` to encode variables, with D3’s `csv` loader for data parsing. The code configures custom axes, tooltips via vega-tooltip, and responsive sizing that adapts to the window dimensions.

OOleJRask

68% match

Loading thumbnail…

Fork of Vega-Lite API Template

This visualization maps the location and capacity of Mexico’s power plants as an interactive scatter plot, using longitude and latitude for the axes while encoding capacity as point size and primary fuel type as color. It loads data from the World Resources Institute’s global power plant database via D3’s CSV parser. Built with the Vega-Lite API, the chart renders through Vega’s SVG view with custom axis and label styling from a shared config, and includes a tooltip showing each plant’s name.

BBJorgen

68% match

Loading thumbnail…

Fork of Vega-Lite API Template

This visualization displays the relationship between DenOutlets, DenOutdoorLights, and KitchenDenLights in kilowatts, using a scatter plot where each point’s color encodes the third variable. Built with the Vega-Lite API on top of D3 v5, it loads CSV data from a GitHub Gist and renders an interactive SVG chart with tooltips. The code uses `vl.markCircle`, `vl.x().fieldQ()`, `vl.y().fieldQ()`, and `vl.color().fieldQ()` to encode fields, while `vega-tooltip` provides hover details. The visualization auto-fits to the window size with a custom config for axis styling and readability.

Hhasti khajeh

68% match