BhojarajHG

@BhojarajHG·4 public vizzes

test Een collectie zonder Indonesië

This visualization uses an embedded dataset to plot time-series bars showing the count of objects per 15-minute interval on November 5, 2019. The chart emphasizes a collection without Indonesia, though no country data is present in the displayed values. Rendered as SVG, it uses D3 v5 functions including `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to map timestamps and counts, with rotated axis labels for clarity. The bars are drawn using `g.selectAll('rect')` with fixed width, and data comes from a hardcoded array in the script.

Nov 25, 2019

Loading thumbnail…

multiple area

This chart displays multiple area and line series for time-varying energy data, grouped by stream name. It uses D3 v5 to scale time and linear axes, and renders SVG paths. The visualization employs `d3.area` for filled regions and `d3.line` for stroke lines, with colors assigned via `d3.scaleOrdinal` and `schemeCategory10`. Gradient definitions and clipping paths are added to highlight the area series. The data consists of energy readings with timestamps and stream identifiers.

Nov 19, 2019

Loading thumbnail…

Line Chart with Multiple Lines

This line chart displays one week of temperature data for multiple cities, with each city represented by a colored line and a corresponding color legend. The visualization uses d3.scaleTime, d3.scaleLinear, and d3.scaleOrdinal to map time, temperature, and city names, while d3.line with curveBasis generates the smoothed paths. Data is nested by city using d3.nest and sorted by final value. The chart includes labeled axes and a title, rendered as SVG with elements created via d3 selections.

Nov 6, 2019

Loading thumbnail…

Drug Ratings Date Histogram

This visualization displays a date histogram of drug ratings, with each bar representing the total rating count for a specific time interval across the dataset. The example uses React to render SVG elements, with d3.scaleTime and d3.scaleLinear handling the x and y axes respectively. The d3.histogram function bins the data, while custom AxisBottom, AxisLeft, and Marks components generate the tick marks and rectangular bars. Data comes from the Drug Ratings Dataset CSV file, which is fetched using d3.csv and parsed with a row function that converts ratings to numbers and dates to JavaScript Date objects.

Oct 23, 2019