Fork of Activity3questions

100%

Fork of Activity3questions

✓ Published0🌍 Public

Last edited Oct 24, 2024

Created on Oct 23, 2024

This scatter plot displays stock market data, with each point representing a stock's opening and closing prices. The visualization uses color to categorize stocks into three types: Tech, Finance, and Healthcare. The plot is rendered as an SVG using D3 v6, with data loaded from a CSV file hosted on GitHub. The code uses `d3.scaleLinear` for axes, `d3.axisLeft` and `d3.axisBottom` for axis rendering, and `d3.select` to append elements to the body.

AI-generated description

We are Displaying the IRIS dataset using Scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Activity6_question3

This scatter plot visualizes sales data from a CSV file, showing the relationship between total sales and order number, with colors differentiating customers. It uses D3 v6's `scaleLinear`, `scaleBand`, and `scaleOrdinal` to map the data, rendering circles as SVG elements with axes, labels, a legend, and interactive tooltips that display product and sales figures on hover.

Kkandulasunny17@gmail.com

78% match

Loading thumbnail…

Fork of Activity_7_1_Question_1

This pie chart visualizes the market capitalization of S&P 500 companies as proportional slices, with each slice labeled by ticker symbol and value in billions. The code loads CSV data from a GitHub gist, converts market cap values to numbers, and uses `d3.pie` and `d3.arc` to generate the chart in SVG. A color scale assigns categories from `d3.schemeCategory10`, and a legend lists company names alongside their corresponding colors.

LLarry Johnson

76% match

Loading thumbnail…

Fork of Activity6_Question3

This example displays a scatter plot of car prices against model year, using blue circles positioned on an SVG canvas. It loads car price data from a GitHub-hosted CSV file and parses the price field as a number. The visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to map the data to x and y coordinates with labeled axes. The plot fills the entire browser window, with the title styled in red italics.

Ssaimanvith22@gmail.com

76% match

Loading thumbnail…

Untitled

This interactive scatterplot displays stock data with price on the x-axis and true value on the y-axis, using colored circles to represent stock types. Users filter the visualization through a dropdown menu for sector selection and jQuery UI sliders that adjust volume and delta ranges. The D3.js code loads data from a CSV file, applies keyed enter/update/exit selections, and includes hover tooltips that highlight individual stocks. The SVG renderer uses d3.axisBottom and d3.axisLeft for axes, with d3.scaleOrdinal for categorical coloring.

Mmkolowrat

76% match

Loading thumbnail…

Fork of D3 Starter

This dashboard visualizes stock price trends and sentiment scores for multiple tickers using data from a CSV file. It displays a line chart with a 7-day moving average for selected stocks, a bar chart of average sentiment, a volume area chart, and a sentiment-versus-return scatter plot. The D3 v7 code uses scales, lines, and SVG elements, along with interactive hover tooltips for detailed data inspection.

Kkoushikkumarreddykoorapati@my.unt.edu

76% match

Loading thumbnail…

Fork of Fork of Activity_7_1_Question_2

This chart displays the historical stock prices of Microsoft and Apple as overlaid semi-transparent area charts, using a time-series x-axis and a linear price y-axis. The visualization loads CSV data from a GitHub gist, parses dates with `d3.timeParse`, and renders the chart as SVG via the D3.js v7 library. It uses `d3.scaleTime` and `d3.scaleLinear` for axes, `d3.area` for path generation, and `d3.axisBottom` and `d3.axisLeft` for ticks. Quarterly date ticks are formatted as month-year, with a legend identifying each company.

LLarry Johnson

75% match

Loading thumbnail…

stock

This visualization presents a comparative analysis of banking stock opening prices over time, with each stock plotted as a separate line chart arranged vertically. The animation begins by progressively drawing each line, then transitions to filled area charts beneath them, using a categorical color palette. Built with D3.js v3, the code employs `d3.svg.line` and `d3.svg.area` for the graphics, `d3.time.scale` for the date axis, and `d3.timer` for the animated draw sequence. Data is loaded from a CSV file containing stock symbols and their daily opening values.

SSheela2930

75% match

Loading thumbnail…

Fork of Activity6_question

This stacked bar chart visualizes monthly sales across three departments—Electronics, Clothing, and Groceries—using horizontal bars segmented by category. The chart is built with D3.js v4, parsing CSV data and rendering it as SVG, with a color scale distinguishing departments and a custom tooltip showing segment values on hover. Axes display month labels and total sales formatted in thousands, while a legend identifies each category. The layout uses D3 scales for positioning and the d3.stack API to compute stacked segments from the uploaded sales data.

Mmaneeshraja47@gmail.com

75% match