Skip to main content
SimilarExport ZIP
100%

Rate Of Interst

✓ Published0🌍 Public
BBhavyaMammai
Last edited Jul 13, 2023
Created on Jul 9, 2023
Forked from Hello VizHub

This chart displays the rate of interest for various loan types—education, house, car, agricultural, and business—across five major Indian banks. It uses a stacked horizontal bar chart with a linear x-scale for the rate and a band y-scale for bank names, rendered as SVG. The visualization applies a color ordinal scale to distinguish loan categories and a legend for reference. Hovering over a bar segment reveals a tooltip showing the exact percentage for that loan and bank, using D3 v7’s event handling and data-binding methods.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-7-area_chart

This area chart displays the history of lending rates from 1956 to the present. The visualization uses d3.area with curveBasis to generate a smooth filled path, with scales from d3.scaleLinear mapping the year and average majority prime rate values. Data is loaded via d3.csv from a GitHub gist, and axes are rendered using d3.axisBottom and d3.axisLeft within an SVG container. The chart applies margins for layout and labels the axes "Year" and "Lending Rate."

Ssenthilrajendran1
65% match
Loading thumbnail…

ICE-7-line_chart

This line chart visualizes the history of average prime lending rates in the United States from 1956 to the present, with each year’s average rate plotted against time. The SVG rendering uses d3.csv to load the dataset from a GitHub Gist, then applies d3.scaleLinear for both axes, d3.axisBottom and d3.axisLeft for tick marks, and a d3.line generator with curveBasis to create the smooth blue path. The chart includes labeled axes for year and rate, with gridlines extending across the plot area.

Ssenthilrajendran1
63% match
Loading thumbnail…

Car price

This example displays the distribution of movie ratings (below 5.0, 5.0-6.5, etc.) as a horizontal stacked bar chart across different genres. Each bar segment represents the percentage of ratings for that genre, with interactive tooltips revealing exact values on hover. The visualization is built using D3.js v7, leveraging `d3.stack`, `d3.scaleOrdinal`, and `d3.axisBottom` to process and render the data from a local CSV file. Color-coded legends identify each rating category, and the chart is rendered as SVG within a fixed canvas.

SSwapna1915
61% match
Loading thumbnail…

Mahendra Gullinkala Bonus IC

This bar chart visualizes savings growth across age groups, from age 20 to 38, with each bar representing savings in dollars. Built with D3 v5, the visualization renders as an SVG with interactive hover effects that highlight the selected bar and display the difference between that bar and all others. The chart uses D3's scaleBand and scaleLinear for the axes, with animated transitions on mouse enter and leave events to alter bar opacity, position, and width.

MMahendraGullinkala
61% match
Loading thumbnail…

MPG_Indian Cars

This bar chart displays the miles per gallon (MPG) for various Indian car makes, with each row representing a single car model. Using D3 v7, the visualization employs a linear x-axis for MPG values and a band scale for car makes on the y-axis. The SVG rendering includes interactive tooltips that show the exact MPG value on hover, and the bars are colored violet. The data is loaded from a local CSV file and aggregated by car manufacturer.

HHemanthh81
61% match
Loading thumbnail…

BankInfo Barchart Practice

This example visualizes bank customer data as an interactive bar chart with five series of ten values each, rendered as SVG rectangles. Users can toggle between grouped and stacked layouts using custom radio buttons built with D3 selections. The chart uses `d3.stack`, `d3.scaleBand`, and `d3.scaleLinear` for layout, with hover tooltips displaying precise values via a D3-managed HTML div. Data comes from a CSV file loaded asynchronously through a custom `useData` React hook, and transitions animate between layout states.

AAndre J Denais
60% match
Loading thumbnail…

Bar Chart using d3

This bar chart displays the literacy rates of women across Indian states, with horizontal bars ordered by literacy percentage, from Kerala’s high rate to Bihar’s lower rate. The visualization uses d3.csv to load data, d3.scaleLinear and d3.scaleBand for axes, and d3.axisLeft/axisBottom to render ticks. A transition.attr on rectangle widths animates the bars over two seconds. SVG rendering includes labeled title and axis, with tick lines and custom formatting for rate values.

SSrishti2398
60% match
Loading thumbnail…

Chicago Fed Loans to Individuals (in millions)

This example shows a bar chart of Chicago Fed loans to individuals, with each bar’s length proportional to the loan amount in millions. The bars are sorted in descending order by loan value, and hovering reveals the corresponding year and score via a native SVG `<title>` tooltip. The visualization uses D3 v3 to load data from a CSV file, bind it to `rect` elements, and set each bar’s `width` attribute directly from the `individualloans` field. The rendering is done entirely with SVG, with no axes or scales, so the bars are positioned vertically in a simple stacked layout.

AAbechtel
60% match