kallappareddygari Lohith reddy

@Lohith0529·6 public vizzes

project plot 3

This interactive bar chart displays the top 10 happiest countries for a selected year, with a dropdown menu to switch between years from 2015 to 2022. It uses D3 v7 to render SVG bars with animated transitions, scaling the y-axis to the highest score plus 0.5. Country names on the x-axis are rotated for readability, and hovering over a bar reveals a tooltip with the precise happiness score. The data is loaded as a CSV from a GitHub repository.

Nov 18, 2025

Loading thumbnail…

project plot2

This interactive scatter plot shows the relationship between GDP per capita and happiness scores for countries worldwide, with a dropdown menu allowing selection of individual years from 2015 to 2022. Each circle represents a country, positioned by its economic output and well-being score, while color encodes healthy life expectancy using a sequential plasma scale via d3.scaleSequential. Tooltips provide detailed country-specific values on hover. Built with D3 v7, the visualization uses d3.csv to load external data, SVG circles with enter/update transitions for animated year changes, and d3.axisBottom/d3.axisLeft for the coordinate axes.

Nov 5, 2025

Loading thumbnail…

project1-plot

This scatterplot visualizes the relationship between GDP per capita and happiness scores across 162 countries from 2015 to 2022, using data from a merged World Happiness Report CSV. Each circle represents a country-year observation, colored by year via `d3.scaleOrdinal` with `d3.schemeCategory10`, with a legend and interactive tooltips. The visualization uses D3 v7 with `d3.csv`, `d3.axisBottom`, and `d3.axisLeft` for axes, and SVG circles for marks. It is rendered as an animated, interactive SVG chart with hover-based tooltips displaying country, year, score, and GDP details.

Nov 5, 2025

Loading thumbnail…

lohith reddy d3

This visualization presents a song dataset, showing the average popularity by genre in a bar chart and the relationship between danceability and energy in a scatterplot. The page also includes a dataset summary and a preview of the first five rows in a table. The bar chart is built using D3.js APIs such as `d3.rollups`, `d3.mean`, `scaleBand`, `scaleLinear`, and axis generators, with data displayed in SVG format. The code derives its insights from the loaded dataset, which appears to be structured song data with fields like genre and popularity.

Oct 6, 2025

Loading thumbnail…

ICE5_LOHITH

This example analyzes a songs dataset loaded from a GitHub-hosted CSV file, presenting a summary of row and column counts alongside a preview table of the first five records. A gradient SVG banner introduces the visualization, while the main chart is a bar chart showing average song popularity by genre. Built with D3.js, it uses `d3.csv` for data loading, `d3.group` and `d3.mean` for aggregation, and `d3.scaleBand` with `d3.scaleLinear` to render the axes and bars.

Oct 6, 2025

Loading thumbnail…

Fork of D3 Starter

This example displays the text “Hello D3” centered in the browser window. It demonstrates a minimal D3.js setup using D3 v7, imported via an import map, and a module script. The code uses `select` from D3 to target the `body` element and sets its text content directly. The page styling comes from a plain CSS rule, while the visualization itself relies solely on D3’s DOM selection and text manipulation API, without any data or graphical rendering.

Oct 6, 2025