100%

3 datasets 01

✓ Published0🌍 Public

Last edited Jan 24, 2024

Created on Jan 23, 2024

Forked from CSV Dataset Template - Penguins

This visualization uses Observable Plot to show the first row of the kc_house_data CSV, parsed into numeric types. It displays the raw JSON structure of the dataset, revealing the meaning of columns like `waterfront` (a boolean indicating whether a house is on a waterfront) and `view` (a rating from 0 to 4 representing quality of view). The example loads data from a CSV file and renders it as formatted text, illustrating how the dataset is structured. It does not depict any relationships or characteristics of expensive houses beyond the initial data inspection.

AI-generated description

The kc_house_data, loaded and parsed as CSV.

My question about this dataset: What do the waterfront and view columns in this data set mean?

Tasks I want to do: Find the characteristics of expensive houses.

Challenge

Find 3 datasets on a topic you are interested in
For each of those, fork this viz and replace the data
Parse the quantitative attributes into numbers
Update README.md to indicate the original data source

MIT Licensed

Similar vizzes

Loading thumbnail…

3 datasets 02

This visualization displays house price data from the House Prices dataset, showing the first record in a JSON-formatted pre tag. It answers a question about distinguishing houses by state and city by parsing quantitative attributes into numbers. The code imports data from CSV using a native import statement, converts all numeric fields with the unary plus operator, and exports both the main container function and the parsed data. The main function uses template literals to render a single data object as readable JSON text with a 30-pixel font size.

JJingxuan Yang

80% match

Loading thumbnail…

3 datasets 03

The visualization explores Boston housing data by comparing living environments preferred by different age groups and examining the relationship between business climate and crime rates. The example displays the first parsed data entry as JSON, showing all 14 quantitative attributes including crime rate (CRIM), property tax (TAX), and median value (MV). It uses the Fetch API to load a CSV file, parses each column into numbers, and renders the result in a styled preformatted block. The data comes from the Boston housing dataset.

JJingxuan Yang

72% match

Loading thumbnail…

Activity6_Question3

This scatter plot displays King County house sales, comparing price against square footage while distinguishing waterfront properties from non-waterfront ones using an ordinal color scale with blue and orange dots. The visualization loads data from a remote CSV file via `d3.csv`, parses numeric fields, and renders circles in SVG using `d3.scaleLinear` for axes and `d3.axisLeft`/`d3.axisBottom` for labeled scales. A custom legend built with SVG rectangles and text identifies the two color-coded categories.

CChandra Prakash Reddy Kalwakolu

69% match

Loading thumbnail…

Activity6Question3

This scatter plot compares house sale price against living square footage for King County properties, with each point colored by waterfront status using an ordinal color scale. The D3 v6 visualization loads CSV data from a GitHub repository, converts numeric fields, and renders circles on an SVG canvas. Axis labels, ticks, and a custom legend are drawn using `d3.axisLeft`, `d3.axisBottom`, and manual SVG elements, employing `scaleLinear` for both axes and `scaleOrdinal` for the two-category color encoding.

Aalapati98@gmail.com

66% match

Loading thumbnail…

Add Interaction OR Iterate Your Work

This example shows a scatter plot of King County house prices from the kc_house_data CSV, plotting living area in square feet against the number of bedrooms. Hovering over the plot draws crosshair lines that track the mouse position, with the chart updating via a state-based pattern in D3 v7. The visualization uses `scaleLinear` axes from the `@RenoBlitz/responsive-axes` library, along with `selectAll` and `data` joins for rendering circles and lines. The entry point imports `select` from D3 and custom modules, while `observeResize` handles responsive dimensions. The dataset is imported from `@RenoBlitz/dataset01`.

JJingxuan Yang

65% match

Loading thumbnail…

Dataset #3

This example displays a summary of a CSV dataset, showing the row count, column count, and file size in kilobytes, followed by the first ten rows as JSON. The page uses D3 v7 via `d3.csv` to load the data and the `select` and `append` methods to render the text into `pre` elements. The data source is a local `data.csv` file containing exam scores, and the styling is minimal with a yellow background and large monospaced text.

JJamesHop31

64% match

Loading thumbnail…

Activity6_Question3(6)

This scatter plot visualizes King County house sales, showing the relationship between price and square footage with points colored to distinguish waterfront properties from non-waterfront ones. The visualization renders as an SVG using D3 v6, employing `scaleLinear` for the x and y axes, `scaleOrdinal` for categorical color encoding, and `d3.axisLeft` and `d3.axisBottom` for labeled axes. A custom legend explains the color mapping, while the data is loaded and processed through D3's selection and data-join methods.

Nnithinnc@outlook.com

64% match

Loading thumbnail…

Identifying 3 Datasets

This example identifies three datasets by displaying their descriptive names and metadata in large text. It shows the dataset titles—Baseball Standard Hitting, Wayne Gretzky Goals, and Chess Federation Transfers—along with their file sizes, row counts, and column counts. The code loads each CSV from a remote URL using `d3.csv`, then formats the data with `d3.csvFormat` to calculate size. The results are appended as separate spans inside a pre element, presenting the information in a clear, text-based layout.

PPatrick-Houlihan

64% match