Skip to main content
SimilarExport ZIP
100%

3 datasets 03

✓ Published1🌍 Public
JJingxuan Yang
Last edited Jan 24, 2024
Created on Jan 23, 2024

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.

AI-generated description

The Boston, loaded and parsed as CSV.

Tasks I want to do:

  1. Compare the living environment preferred by people of different age groups
  2. Exploring the relationship between business climate and crime rates

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…

Boston Housing Dataset Part I

This visualization presents four scatter plots exploring relationships in the Boston Housing Dataset, focusing on median home value (medv) against variables like lower-status population percentage, pupil-teacher ratio, building age, and nitrous oxide concentration. The plots reveal correlations, such as the strong negative relationship between medv and lstat, while coloring points by additional attributes like indus or ptratio and sizing by the chas binary variable. Built with the vega-lite-api library and D3, the charts load CSV data from a GitHub Gist and render interactively with tooltips and a custom dark-themed configuration.

Yyuzhang21
77% match
Loading thumbnail…

Boston Housing data

This example displays a plain-text summary of the Boston Housing dataset, reporting the row count, column count, and file size in kilobytes, followed by the first ten rows of data as formatted JSON on a black terminal-style background. It uses the D3 library’s `csv` and `csvFormat` functions to fetch and measure the remote CSV file, while `select` appends the text elements to the page. The data source is the Kaggle-hosted Boston housing dataset, which includes features like crime rate and nitrogen oxides concentration.

Ddielaenge
77% match
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
76% match
Loading thumbnail…

Housing Values At Boston Suburbs

This visualization displays summary statistics for the Boston Housing dataset, showing the file size in kilobytes, the number of rows, and the number of columns. It loads a CSV file from a Gist URL using the `d3.csv` API, formats the data with `d3.csvFormat`, and presents the results in a large pre-formatted text element. The example demonstrates basic data loading and parsing with D3.js v5, sourced from the Boston Housing Data repository by selva86.

Yyuzhang21
75% match
Loading thumbnail…

Housing Values At Boston Suburbs

This visualization displays summary statistics for the Boston Housing dataset, showing the file size in kilobytes, the number of rows, and the number of columns. It loads a CSV file from a Gist URL using the `d3.csv` API, formats the data with `d3.csvFormat`, and presents the results in a large pre-formatted text element. The example demonstrates basic data loading and parsing with D3.js v5, sourced from the Boston Housing Data repository by selva86.

Yyuzhang21
75% match
Loading thumbnail…

Fork of Boston Housing Dataset Part I

This visualization displays four scatter plots exploring correlations in the Boston Housing Dataset, with median home value (medv) plotted against lstat, pupil-teacher ratio, age, and industrial character (indus/nox). Each plot uses color and size encodings for additional variables, revealing relationships such as the strong negative correlation between housing price and lower-status population percentage. Built with the vega-lite-api library, the code fetches CSV data via d3.csv and renders interactive SVG charts with custom tooltips, axis styling, and a dark color scheme through the vega-tooltip handler and vega-lite configuration.

Llimenzi
74% match
Loading thumbnail…

Boston Housing data

This visualization displays summary statistics for the Boston Housing dataset, reporting the total row count, column count, and file size in kilobytes. It also prints the first ten rows of the data as formatted JSON for inspection. The code uses D3 v5’s `csv` function to load the remote CSV file, `csvFormat` to calculate data size, and `select` to append `<pre>` elements to the page body. The dataset originates from Kaggle’s Boston Housing competition.

Ddielaenge
74% match
Loading thumbnail…

Scatter Plot with Menus for Boston Housing Dataset

This interactive scatter plot explores correlations among variables in the Boston Housing Dataset, which includes 14 attributes such as crime rate, room count, and median home value. Users select any two variables from dropdown menus to map to the X and Y axes, while point color encodes proximity to the Charles River, size reflects pupil-teacher ratio, and 35% opacity reveals overlapping points. The visualization uses React with d3.scaleLinear and d3.scaleOrdinal for scaling, SVG for rendering, and fetches CSV data via d3.csv, with tooltips showing median home value.

Yyuzhang21
74% match