Skip to main content
SimilarExport ZIP
100%

Drug Vs Rating

✓ Published0🌍 Public
Aaishwarya8615
Last edited Nov 6, 2019
Created on Oct 29, 2019

The visualization is a scatterplot showing the relationship between drug names, their useful count, and user ratings. Each circle represents a drug, colored by its rating value (from 0 to 10). The x-axis shows drug names, the y-axis displays usefulCount, and tooltips reveal the condition being treated. The code uses vega-lite-api to construct the chart, with data loaded via d3.csv from a GitHub-hosted CSV file. Circles use `markCircle` with opacity and size settings, and color encodes the rating field, while axes are configured through the custom config.js.

AI-generated description

Drug Comment Ratings Dataset

MIT Licensed

Similar vizzes

Loading thumbnail…

Top Drugs in each rating

This bar chart displays the top 80 drugs by rating, sorted in descending order, with each bar representing a drug and its corresponding rating value. The visualization uses a vertical bar layout where drug names appear on the x-axis and ratings on the y-axis, with tooltips revealing the medical condition associated with each drug. Built with Vega-Lite API and D3 v5, the chart loads CSV data from a GitHub gist, sorts the records using D3’s `descending` comparator, and renders interactive tooltips via the vega-tooltip handler.

Aaishwarya8615
82% match
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.

BBhojarajHG
80% match
Loading thumbnail…

Interactive Color Legend Scatterplot to determine Useful Count of rating per year

This interactive scatterplot visualizes the relationship between drug ratings and useful counts across years, with each point colored by year. A color legend allows users to hover over a year to highlight only that year's data points while dimming the rest, making it easy to compare temporal patterns. Built with React and D3 v5, the visualization uses `d3.scaleLinear` for axes, `d3.scaleOrdinal` for colors, and SVG circles for marks. The data is loaded from a CSV file using the `d3.csv` parser, and the legend and axes are custom React components.

Aaishwarya8615
79% match
Loading thumbnail…

Drug Ratings Date Histogram

A date histogram displays the total Drug Ratings per month from a CSV dataset of drug reviews. The visualization aggregates individual ratings into monthly bins using D3's `d3.histogram`, `d3.timeMonths`, and `d3.sum`, then renders the result as SVG rectangles. The React-based app uses `d3.scaleTime` and `d3.scaleLinear` for axes, with custom `AxisBottom`, `AxisLeft`, and `Marks` components. Tooltips appear on hover via SVG `<title>` elements.

Aaishwarya8615
79% match
Loading thumbnail…

Interactive Color Legend Scatterplot to determine Useful Count of rating per year

This interactive scatterplot visualizes drug ratings against useful counts, with each point colored by the year of the rating. A color legend allows users to hover over a year to highlight matching data points while fading the rest, easing comparison of temporal trends. Built with React and D3 v5, it uses `scaleLinear` for axes, `scaleOrdinal` for categorical color mapping, and SVG circles rendered via custom React components. The data comes from a CSV file loaded through D3’s `csv` parser, with axes and legend built from reusable `AxisBottom`, `AxisLeft`, and `ColorLegend` components.

Aaishwarya8615
79% match
Loading thumbnail…

Untitled Document

This example visualizes the distribution of drug categories and scores from a CSV dataset as an animated, interactive bar chart. Using D3 v4 with SVG rendering, the chart displays grouped bars for each drug category, with the bars transitioning smoothly when toggling between views. The data, loaded from drug1.csv, maps the s_category values on the x-axis and drug_cat values on the y-axis, with the animation providing a dynamic comparison of the categories. The visualization is built with D3.js and rendered as scalable vector graphics, allowing for crisp, responsive bars that update with user interaction.

GGerardoFurtado
70% match
Loading thumbnail…

Customizing Axes

This example visualizes the count of useful drug names using horizontal bars. It customizes the axes by removing tick lines and domains, applying a custom tick format that replaces 'G' with 'B', and styling tick labels, axis labels, and the title with CSS. D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` are used, with the chart drawn as SVG. The data comes from a CSV of drug statistics linked in the code.

Aaishwarya8615
69% match
Loading thumbnail…

fresh block

A stacked area chart displays the changing market share of multiple diabetes drugs over time, with each colored layer representing a drug and its thickness showing proportional share. The visualization uses a time-series x-axis and percentage-scaled y-axis to compare trends across three months of data from a CSV file. Built with D3 v4, the code employs `d3.stack()` to compute layer offsets, `d3.area()` for path generation, and `d3.scaleOrdinal` with `schemeCategory10` for colors. Drug labels appear only for layers exceeding a one-percent threshold at the final date.

GGerardoFurtado
67% match