ICE-6-Q1

100%

✓ Published0🌍 Public

Last edited Mar 11, 2023

Created on Mar 11, 2023

Forked from practice

A horizontal bar chart displays the top 10 customers by credit amount from a German credit dataset, with steel-blue bars and customer IDs on the y-axis. The visualization uses D3 v5's `scaleLinear` and `scaleBand` to map the data, while `axisLeft` and `axisBottom` generate the axes. Credit amounts are formatted using D3's `format` function, and the chart is rendered as an SVG with a title and axis labels. Data is loaded asynchronously via `csv` and truncated to the first ten records.

AI-generated description

This is bar chart representation of my dataset that evalutaes credit risk of a specific customer based on certain criteria. Here the plot is showing top 10 customer who are awarded most credit.

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-6

A horizontal bar chart displays the credit limits of the first twenty clients from a CSV dataset, with each client identified by their CLIENTNUM on the y-axis. The chart uses React with D3 v5, employing d3.csv for data loading, scaleBand for the categorical y-axis, and scaleLinear for the numeric x-axis. SVG rectangles render the bars, while custom AxisLeft and AxisBottom components provide tick labels and grid lines. The visualization focuses on comparing credit limits across individual clients.

CChandrashekharRamamuthi

82% match

Loading thumbnail…

ICE-6

The visualization displays the credit limit for ten clients as a horizontal bar chart. Each bar’s length encodes the `Credit_Limit` value, with clients listed on the y-axis. The chart is built with React and D3 v5, using `d3.scaleBand` for the categorical y-axis and `d3.scaleLinear` for the numerical x-axis. Data is loaded from a CSV file via `d3.csv`, and the SVG rendering is generated manually with React elements.

CChandrashekharRamamuthi

82% match

Loading thumbnail…

practice

This bar chart displays the credit amount for the first 20 customers from a German credit dataset. The chart uses a horizontal layout where each customer is represented by a rectangular bar on the y-axis, with bar length corresponding to credit amount on the x-axis. The visualization is rendered as SVG using D3 v5, employing `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and the `axisLeft` and `axisBottom` APIs to generate the axes. Data is loaded from a CSV file using the `csv` function.

Hhossaphul

81% match

Loading thumbnail…

Fork of ICE-6

This example displays a bar chart of the top 10 credit card clients by credit limit, rendered as SVG rectangles. The code uses React for component structure and D3 v5 scales (`scaleBand`, `scaleLinear`) and the `csv` loader to fetch data from a GitHub-hosted CSV file. Axes are drawn as custom React components, with the bottom axis using `xScale.ticks()` and the left axis mapping categorical client numbers. The chart intentionally omits axis labels and titles, showing raw values with minimal styling.

CChandrashekharRamamuthi

78% match

Loading thumbnail…

ICE-6

This bar chart displays sales data for various items, with horizontal bars showing the sale amount for each item. The visualization uses React and D3 v5, loading CSV data via `d3.csv` and rendering SVG elements with `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis. Gridlines and axis labels are generated manually using `xScale.ticks()`, while the data values are encoded as rectangle widths.

HHARSHA BUDDANA

76% match

Loading thumbnail…

ICE-6 Tutorial Bar Chart

This bar chart displays the top 10 cosmetic products by revenue, using a horizontal layout where bar length represents dollar amounts. The data is loaded from a CSV file using D3’s `csv` function. The visualization customizes D3 axes: the y-axis removes domain and tick lines, while the x-axis uses a custom tick formatter that converts values from gigabytes to billions. The chart is rendered as SVG, with bars styled via CSS and axes created using `scaleBand`, `scaleLinear`, `axisLeft`, and `axisBottom`.

Sskambhore04

76% match

Loading thumbnail…

ICE-6(sai nitish)

This horizontal bar chart displays the top 10 cosmetic products by revenue, using the d3.csv function to load data from a GitHub-hosted CSV file. It employs d3.scaleLinear and d3.scaleBand for the x and y axes, respectively, with d3.axisLeft and d3.axisBottom for tick marks. The chart customizes the x-axis tick format to replace 'G' with 'B' and removes default axis lines, while rectangles are colored red via CSS. The title and axis labels are added as SVG text elements. Data is rendered as an SVG graphic.

Ssainitish1999

76% match

Loading thumbnail…

ICE-6

This visualization displays the top 20 companies by value using a horizontal bar chart, with company names on the y-axis and numerical values on the x-axis. It loads data from a CSV file via `d3.csv` and renders SVG elements using React. The chart leverages `d3.scaleBand` for the categorical y-axis and `d3.scaleLinear` for the quantitative x-axis, with manually drawn tick lines and labels. Data is transformed with a row function that ensures value fields are parsed correctly before rendering red rectangular bars.

RRupeshGandham

75% match