harikrishnasair@gmail.com

@HariKrishnaSai-Rachuri·6 public vizzes

testcase

This example presents two crime data visualizations in a single HTML page. A scatter plot maps crime locations using latitude and longitude coordinates, while a histogram displays the frequency of crimes by hour of the day. Both charts are rendered as SVGs using D3 v6, with the data loaded from a CSV file via `d3.csv`. The scatter plot uses linear scales with blue points, and the histogram employs a band scale with green bars built from `d3.rollup` counts.

Dec 3, 2024

Loading thumbnail…

Fork of DataViz-Plotnew

This fork of DataViz-Plotnew presents two static SVG visualizations of crime data loaded via `d3.csv` from a Google Drive link. A bar chart counts crimes per day of the week using `d3.rollup`, while a scatter plot maps crime locations by longitude and latitude with `d3.scaleLinear`. Both use D3 v6 axes and hardcoded SVG dimensions, with bars styled in steel blue and points in red.

Dec 3, 2024

Loading thumbnail…

DataViz-Plot1

This example presents two static D3.js v6 SVG visualizations of crime data. A bar chart displays the number of crimes per day of the week, using `d3.scaleBand` and `d3.scaleLinear` with axes from `d3.axisLeft` and `d3.axisBottom`, while a scatter plot maps the geographical distribution of incidents by latitude and longitude using `d3.scaleLinear`. Data is loaded from a Google Drive-hosted CSV file via `d3.csv`, with the bar chart grouping records by the "Day of Week" field and the scatter plot filtering for valid coordinates.

Dec 3, 2024

Loading thumbnail…

Fork of DataViz-Plot2

This example visualizes the locations of crimes from a CSV dataset as a scatter plot, mapping latitude and longitude coordinates to x and y positions. The code loads the data using `d3.csv`, filters out invalid entries, and renders each point as an SVG circle with tooltips. The visualization includes linear scales, axes with labels, and a title, all created with D3 v7. The source dataset is linked from Google Drive, and the chart is built exclusively with SVG elements.

Dec 2, 2024

Loading thumbnail…

DataViz-Plot2

This heatmap visualizes crime counts by day of the week and hour of the day, using a blue sequential color scale where darker shades represent higher incident frequencies. Built with D3.js v7, the code loads a CSV dataset, parses timestamps using `d3.timeParse`, and extracts the hour and weekday with JavaScript’s `getHours()` and `d3.timeFormat`. It then aggregates the data with `d3.rollups` and renders SVG rectangles scaled via `d3.scaleBand` for axes and `d3.scaleSequential` for color, with tooltips providing exact counts.

Dec 2, 2024

Loading thumbnail…

Hari-Project

This example demonstrates the VizHub V3 Runtime Environment's support for continuous hot reloading and interactive widgets. It renders a simple "Hello World!" text message whose font size is controlled by a numeric value in the `index.js` code, which can be adjusted in real-time by alt-dragging on the number. The visualization uses vanilla JavaScript and the DOM API to display HTML content, with the exported `main` function taking a container element and options object as its entry point. This acts as a minimal starting template for exploring the platform's capabilities.

Dec 1, 2024