Skip to main content
SimilarExport ZIP
100%

Fork of Fork of task-9(2)

✓ Published0🌍 Public
DDivyaKota2@my.unt.edu
Last edited Apr 26, 2024
Created on Apr 26, 2024
Forked from Fork of task-9(2)

This area chart displays house prices across three locations—Rural, Urban, and Suburban—with a steelblue filled path and labeled values. Built with D3 v7, it uses `d3.area()` to generate the path, `scaleBand` for the x-axis, and `scaleLinear` for the y-axis. The SVG includes axes via `axisBottom` and `axisLeft`, with prices formatted as dollar amounts. A title annotation appears at the top, and the static dataset is hardcoded in the script.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of task-9

A donut chart displays house prices for Urban and Suburban areas, filtering out Rural data from a three-location dataset. Two arc segments represent the filtered price values, with a legend listing each location and its corresponding dollar amount. The visualization uses D3 v7 with `d3.pie()` and `d3.arc()` to generate pie geometry, `d3.scaleOrdinal` with `d3.schemeCategory10` for colors, and SVG rendering. A title annotates the chart as comparing house prices across these two area types.

DDivyaKota2@my.unt.edu
87% match
Loading thumbnail…

Fork of activity 7.2

This example shows an annual house price index from 2000 to 2010, highlighting a sharp rise in prices through 2006 followed by a decline. A blue-to-cyan linear gradient fills the area under the line, created with `d3.area()`. The visualization uses `d3.scalePoint()` for the year axis and `d3.scaleLinear()` for the price axis, with axes generated by `d3.axisBottom()` and `d3.axisLeft()`. The SVG chart is rendered with D3 v7.

Jjayakrishnanallani5@gmail.com
78% match
Loading thumbnail…

Fork of Area Chart

This fork of an area chart visualizes the opening prices of houses over time, with months on the x-axis and price on the y-axis. The visualization combines a smooth line and a semi-transparent red filled area beneath it, using D3 v5’s `scaleTime`, `scaleLinear`, `line`, and `area` generators with `curveBasis`. Rendered as an SVG within a React app, it loads CSV data from a remote gist. Axis labels and tick formatting are customized via `axisBottom` and `axisLeft`, with distinct styling for ticks and labels.

Nneeharika2023@gmail.com
77% match
Loading thumbnail…

Fork of D3 Starter Area chart ICE-7

This area chart shows household monthly expenses over time within a D3.js SVG. The code loads a CSV dataset and uses D3 v5 APIs like `scaleTime` and `scaleLinear` for axes, along with `line` and `area` generators with `curveBasis` smoothing. Styling includes a lime-colored semi-transparent area and blue line, with formatted tick labels for both axes. The visualization renders an interactive, static SVG with axis labels for “Months” and “Expenses.”

Sshreyasribearelly@gmail.com
76% match
Loading thumbnail…

Fork of T9 - Area chart

This area chart visualizes yearly price data from a CSV file, displaying the trend as a semi-transparent steelblue region. The code loads the data using `d3.text` and parses it with `d3.csvParseRows`. It builds the chart with `d3.select`, `d3.scaleLinear`, and `d3.area`, rendering the area path and axes via `d3.axisBottom` and `d3.axisLeft` within an SVG.

Sshanmukhivasa@my.unt.edu
76% match
Loading thumbnail…

Fork of Area Chart

This fork of an area chart displays yearly sales data from an embedded sample dataset using D3 v6. It renders a steelblue area path with an SVG canvas, using `d3.scaleBand` for the x-axis and `d3.scaleLinear` for the y-axis, with an `d3.area` generator. The chart includes labeled axes and axis ticks via `d3.axisBottom` and `d3.axisLeft`, with margins defining the plot area.

Nnishanththouta16@gmail.com
76% match
Loading thumbnail…

Fork of Fork of Barchart with transitions, divergence Values and toolkit *changed*

This example displays U.S. housing sales volumes as a static bar chart, with regions on the x-axis and sales on the y-axis. It uses the D3.js library (specifically `d3.csv` for data loading, `d3.scaleBand`, `d3.scaleLinear`, and `d3.axisBottom`/`d3.axisLeft` for scales and axes) to render SVG rectangles. The chart is populated from a remote CSV file sourced from a GitHub gist, styled with steelblue bars that turn orange on hover, and includes labeled axes for clarity.

Ssowmyakancharla01@gmail.com
76% match
Loading thumbnail…

ra_assignment_2

This visualization shows the relationship between house area and price in a dataset loaded from a CSV file, using an area chart to display the trend of rising prices as square footage increases. The D3.js v6 code sorts the data by area and applies linear scales for both axes, then generates the shaded area using the `d3.area()` API with a green fill and opacity. Axes are rendered via `d3.axisBottom` and `d3.axisLeft`, while the SVG output includes labeled axes and a title. The chart is built with `d3.select`, `d3.csv`, and an SVG container, displaying points where the y-axis represents price in dollars and the x-axis represents area in square feet.

RRukmini Devi Y
75% match