KELUTH HARI SANKARA KOTESWARA LAL

@Hari927·4 public vizzes

Fork of Fork of D3 world map example with TopoJSON to GeoJSON and circular indicators

This example presents a world map with circular indicators sized by the number of Nobel Prize winners per country. The map is drawn using D3.js (v7) with an equirectangular projection, converting TopoJSON geographic data to GeoJSON via the `topojson` library and rendering with `d3.geoPath`. Country data from a local CSV file is joined to the map geometries, with red semicircles positioned at each country's coordinates using a square-root scale for radius. Interactive tooltips appear on hover, displaying the country name and winner count.

Apr 19, 2024

Loading thumbnail…

Fork of Task8

This visualization displays the trend of confirmed COVID-19 cases over time as a line chart, with the x-axis representing dates and the y-axis showing the cumulative number of cases. The code loads data from a CSV file hosted on GitHub, parses the date and numeric fields, and uses D3 v6 scales and axes (d3.scaleTime, d3.scaleLinear, d3.axisBottom, d3.axisLeft) to render the SVG plot. A single orange path is drawn using d3.line, with axis labels added via text elements.

Apr 17, 2024

Loading thumbnail…

Fork of HTML Starter

This example displays the progression of confirmed COVID-19 cases over time as a line chart. It uses D3.js v6 (d3.csv, d3.scaleTime, d3.scaleLinear, d3.line, d3.axisBottom, d3.axisLeft) and is rendered as an SVG within a React-based HTML page. The data is loaded from a GitHub-hosted CSV file, with dates parsed using d3.timeParse. The chart includes labeled axes, a tooltip, and a styled orange line, all set against a white background.

Apr 17, 2024

Loading thumbnail…

Fork of Activy6-Task3

This fork of Activy6-Task3 presents a bar chart of COVID-19 confirmed cases by US state, loaded from a CSV file via `d3.csv()`. The visualization uses D3 v6 to create an SVG with `scaleBand` for the categorical x-axis and `scaleLinear` for the numeric y-axis, rendering bars with `join("rect")` and rotating the state labels for readability. The chart includes axes from `d3.axisBottom()` and `d3.axisLeft()`, and the bars are colored with a fixed fill.

Apr 17, 2024