lokeshchowdary465@gmail.com

@LokeshNaidu484·12 public vizzes

question2lb

This example shows a basic area chart that maps monthly values, with the area filled in steel blue. The visualization is built using D3.js v7 and rendered as an SVG. The chart fetches its data from a GitHub Gist, which provides a JSON array of month-value pairs. The implementation uses `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.area` to generate the path. Axis labels are added using standard D3 text elements, and the chart is set to a fixed width of 600 and height of 400.

Apr 21, 2024

Loading thumbnail…

Fork of Q2 Area chart

This area chart visualizes the count of items across categorical types, with each point plotted along a band scale and connected by a smooth area path. The data is parsed from a remote CSV file using `d3.csvParseRows`, and the visualization is rendered as an SVG via D3 v7. The chart uses `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and a `d3.area` generator to draw the filled region. Axes are added with `d3.axisBottom` and `d3.axisLeft`, and axis labels are manually positioned for clarity.

Apr 21, 2024

Loading thumbnail…

piechart question1LB

This pie chart visualizes vehicle registration counts by type, with each slice labeled with its abbreviated value (e.g., "15K) and accompanied by a color-coded legend showing both the category name and exact count. The chart loads CSV data from a GitHub gist using `d3.csv`, then constructs the pie with `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` for color mapping, while text labels are positioned via `arc.centroid`. Rendered as SVG, the visualization uses D3 v5 selection methods to append paths and legend elements.

Apr 21, 2024

Loading thumbnail…

Fork of Fork of Piechart question1LB

This visualization shows the number of vehicles seized across different U.S. states, displayed as a pie chart with state names and values listed in a legend. The chart uses D3 v5 APIs including `d3.pie`, `d3.scaleOrdinal`, `d3.arc`, and `d3.select` to render SVG sectors and labels, with data fetched from a raw GitHub CSV file. Each slice is colored distinctly, and the code computes totals and formats values in thousands for readability. The visualization is rendered entirely in SVG within an HTML page.

Apr 21, 2024

Loading thumbnail…

Fork of Fork of Fork to pie chart

This pie chart displays total sales by item category, with each slice representing a category and its corresponding sales value. The visualization is built using the Chart.js library, which renders the pie chart onto an HTML5 Canvas element. Data is loaded asynchronously from a remote CSV file (hosted on GitHub Gist) using the `fetch` API, then parsed by splitting rows and extracting the category and sales columns. The chart is configured with custom colors and a title, and it is set to be non-responsive with a fixed aspect ratio.

Apr 21, 2024

Loading thumbnail…

QUESTION1

This example builds a pie chart from hardcoded category data using D3.js v7. It renders the visualization as SVG, using `d3.pie()` and `d3.arc()` to generate the arcs, with a categorical color scale for differentiation. The chart includes a legend, axis labels, and placeholders for X and Y axes, all created via standard D3 selections and SVG elements.

Apr 21, 2024

Loading thumbnail…

Activity09 question1

This example shows a pie chart visualizing three categories (A, B, C) with their respective values (30, 20, 50) using a static SVG rendering. The chart is generated with D3.js v7, using the `d3.pie()` layout algorithm to compute arc segments and `d3.arc()` to draw the paths with an outer radius determined by the canvas dimensions. A legend maps each category to a color from the `d3.scaleOrdinal(d3.schemeCategory10)` palette. The code also includes text labels for the x-axis and y-axis, though the y-axis label references an undefined `margin` variable.

Apr 21, 2024

Loading thumbnail…

Fork of Reusable Scatter plot Activity 8

This interactive visualization displays Fisher’s Iris dataset as a scatter plot that cycles through different x-axis dimensions. The code uses D3 v6 APIs including `scaleLinear`, `axisLeft`, and `axisBottom` to render axes, while a reusable `scatterPlot` module handles the chart structure. Colored circles represent the three iris species, with an animated interval that periodically switches the x-axis variable among petal width, sepal width, petal length, and sepal length. The SVG-based chart includes a legend, axis labels, and a title, with data loaded from a GitHub-hosted CSV file.

Apr 21, 2024

Loading thumbnail…

Activity06

This example demonstrates how to use D3 v5 within the VizHub environment, importing both the D3 library and local ES6 modules. The code sets the text content of a div to display a static message using the D3 `select` function, while also declaring unused variables and a regular expression to showcase syntax handling. It loads D3 from a CDN via UNPKG and includes a CSS file for styling the centered message with a large font size.

Apr 21, 2024

Loading thumbnail…

Activity 9

This example displays a simple web page that outputs a centered message. It demonstrates how to integrate D3.js into a project, using the `select` API to target a DOM element and set its text content. The page also imports a string from a local ES6 module (`myMessage.js`), showing how to combine CDN-loaded libraries with modular, local JavaScript code. The visual output is minimal, consisting solely of the styled text.

Apr 21, 2024

Loading thumbnail…

ACTIVITY

This example demonstrates how to set up a minimal visualization gallery page using D3.js and ES6 modules. It shows a simple message displayed in large text, rendered by selecting a DOM element with `d3.select` and setting its content. The code imports the `select` function from D3 via `import { select } from 'd3'`, loads D3 from a CDN (UNPKG), and uses a local ES6 module to supply the message text. The styling and layout are handled by a linked CSS file.

Apr 21, 2024

Loading thumbnail…

5 buddhas

A dense, colorful composition of 5 overlapping Buddha-like glyphs radiates from the center of a black SVG canvas. Each Buddha is formed from thousands of small, randomly placed, semi-transparent polygons whose positions and colors are derived from nested iterations and a deterministic random pattern. The figures are rotated 45 degrees and layered to create a kaleidoscopic, stained-glass effect. Dark concentric outlines and vivid reds, greens, and blues emerge from the heavy overplotting, while thin white horizontal lines hint at the underlying grid of repeated shapes. The work evokes sacred geometry through chaos, blending computational randomness with the iconography of Buddhist art.

Mar 17, 2024