luckylaksh0

@luckylaksh0·3 public vizzes

TD: 1. y axes for $ 2. remove ticks and add only 1 at zero 3. add labels in x axes for quaters 4. make modificaations if data comes in chuncks

This chart displays a company’s won versus lost deal amounts in dollars, comparing eight named competitors. Won values are shown as bars extending upward from the zero axis, while lost values are not visualized despite being present in the data. The visualization is built with D3 v5, using an SVG canvas and a linear y-scale with a horizontal grid. Companies are listed on the x-axis, though the axis labels are commented out in the code. The chart includes a title and an “ACV ($k)” label, and is loaded from a local CSV file.

Feb 1, 2021

Loading thumbnail…

Fork of Vertical Bar Chart - Volkskrant

This bar chart displays the populations of ten countries, with steel-blue bars that turn red and gain a blue stroke on mouseover while a text label appears showing the country name and its population in billions. The chart uses D3 v6's `scaleBand` and `scaleLinear` for axes, `axisLeft` and `axisBottom` for scales, and a custom `format-india` function for number formatting. Data is loaded from a CSV file via `csv()`, and the SVG renders responsively to the window size.

Jan 28, 2021

Loading thumbnail…

Fork of Vertical Bar Chart

This vertical bar chart displays population data for ten countries, using D3 v6 (d3.scaleBand, d3.scaleLinear, d3.axisLeft, d3.axisBottom) and SVG rendering. The bars, initially steelblue, turn red with a blue stroke and show a text label with the population count (formatted using d3.format) on mouseover, which disappears on mouseout. The chart’s dimensions adapt to the window size, and a custom format-india function is available for Indian number formatting, though not used in the main rendering.

Jan 27, 2021