Skip to main content
SimilarExport ZIP
100%

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

✓ Published1🌍 Public
Lluckylaksh0
Last edited Feb 1, 2021
Created on Jan 29, 2021

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Lab5

This example shows a bar chart of yearly values, with dollar-formatted tick labels on the y-axis. The visualization uses D3 v4 within an SVG element, loading data from a CSV file named XYZ.csv. The chart employs `d3.scaleBand` for the x-axis and `d3.scaleLinear` for the y-axis, with axes rendered via `d3.axisBottom` and `d3.axisLeft`. Bars are drawn as `rect` elements, with height proportional to each data value, and the chart is offset by a margin of 200 pixels.

BbetoAR506
70% match
Loading thumbnail…

Customizing Axes

A horizontal bar chart displays the top six Dota 2 teams by earnings, using custom tick formatting that abbreviates large numbers with an “s” prefix and then converts “G” to “B” to show values in billions. The chart removes axis domains and gridlines from the y-axis while adding a custom axis label and title. It uses d3.csv, d3.scaleLinear, d3.scaleBand, d3.axisLeft, and d3.axisBottom, rendering as SVG. The data comes from a local CSV file with team names and earnings.

PPushkov Fedor
69% match
Loading thumbnail…

Data Visualisation

This example demonstrates a bar chart visualization of company values using a CSV data source loaded from a gist. The chart is rendered on a canvas element using Chart.js, a JavaScript library for charting, with D3.js v6 used to fetch and parse the data via `d3.csv`. The visualization displays company names on the x-axis and their corresponding dollar values on the y-axis, with axis labels labeled "Company" and "Value($)". The bar chart also includes randomly generated background colors for each data point, though the dataset currently uses a fixed blue color for the bars.

Ssri7harsha
68% match
Loading thumbnail…

med

This animated scatter plot compares company financial metrics—Revenue, Expenses, and EmployeeCount—against Profit, cycling the x-axis variable every two seconds. Built with reusable D3 v6 modules, it uses `scaleLinear`, `extent`, and `axisBottom`/`axisLeft` to render axes and circles from the provided revenue CSV. The visualization demonstrates a modular chart pattern with configurable accessors, margins, and radius, while the SVG updates in place via D3’s data join and a `setInterval` loop. The dataset and styling (Share Tech font, full-window layout) come from the linked gist and local CSS.

Hharichandanamone21@gmail.com
68% match
Loading thumbnail…

Customizing Axes

A bar chart race animates the yearly brand values of the world’s most valuable companies, as listed in the data.csv file. The visualization uses D3 v5 with SVG and transitions to dynamically rescale the x-axis to fit the top-ranked value. It customizes axes by styling tick text and lines via CSS, and employs `d3.create`, `svg.transition`, and `d3.easeLinear` to orchestrate the sequential updates.

LLuciano McSilva
68% match
Loading thumbnail…

Fork of company list

This visualization displays a horizontal bar chart comparing the first 11 rows of a company dataset, with "Leave" categories on the y-axis and "Serial_Number" values on the x-axis. The SVG rendering uses React components with D3's `scaleBand` and `scaleLinear` to position purple bars, while axis ticks are generated manually. Data loads asynchronously via D3's `csv` parser from a GitHub gist, and the chart includes numeric labels formatted through D3's `format` capability.

SSaiSree0122
68% match
Loading thumbnail…

Q1

A reusable scatter plot visualizes company performance by mapping Sales to the x-axis, Profit to the y-axis, and scaling circle radius to Expenses. Semi-transparent blue circles reveal data density and overlap. Built with D3.js v7, the example loads a CSV file via `d3.csv`, then uses `d3.scaleLinear` for axes, `d3.scaleSqrt` for proportional sizing, and `d3.axisBottom`/`d3.axisLeft` to render the chart in an SVG container.

Ddeepthinaidu2001@gmail.com
68% match
Loading thumbnail…

Line Chart

This line chart displays the profits of a company from 1955 to 2021, with the x-axis representing the year and the y-axis showing profit values. The visualization uses d3.scaleTime and d3.scaleLinear axes, with grid lines and axis labels styled via CSS. The line path is generated using d3.line and rendered as an SVG path with a blue stroke. Data is loaded from a CSV file hosted on GitHub Gist, parsed to convert the year into a Date object and profits into numbers, before being passed to the rendering function.

TTejaswi@3271
67% match