29:null 2a:["$","title",null,{"children":"US State Tax Burdens | Akash Ram | Observable"}] 2f:T201d,chart = { // Container dimensions const containerWidth = 1152; const containerHeight = 500; const margin = { top: 20, right: 20, bottom: 20, left: 20 }; // Chart area dimensions const chartWidth = containerWidth - margin.left - margin.right; const chartHeight = containerHeight - margin.top - margin.bottom; // Create SVG element const svg = d3 .create("svg") .attr("viewBox", `0 0 ${containerWidth} ${containerHeight}`) .attr("width", "100%") .attr("height", "100%") .attr("style", "max-width: 100%; height: auto;background:#2a2a2e"); // Create chart container (moved to center of available area) const chartContainer = svg .append("g") .attr("class", "g-chart-container") .attr("transform", `translate(${margin.left}, ${margin.top})`); const min = d3.min(chartData, (d) => +d.totalTaxBurden); const max = d3.max(chartData, (d) => +d.totalTaxBurden); // Create a color scale based on totalTaxBurden const colorScale = d3 .scaleLinear() .domain([min, max]) .range(["#00A676", "#D72638"]); // Create hexagonContainer const hexagonContainer = svg .append("g") .attr("class", "g-hexagon-container") .attr("transform", `translate(0, 0)`); let taxValue; let legendIndicator; // Load external data and calculate dynamic scale d3.json(mapDataUrl).then((originalGeoJSON) => { const geoJSONWithoutDC = removeDCFromGeoJSON(originalGeoJSON); // Calculate bounds of the features to set dynamic scale const bounds = d3.geoBounds(geoJSONWithoutDC); const centerX = (bounds[0][0] + bounds[1][0]) / 2; const centerY = (bounds[0][1] + bounds[1][1]) / 2; // Calculate the scale factor based on map bounds const width = Math.abs(bounds[1][0] - bounds[0][0]); const height = Math.abs(bounds[1][1] - bounds[0][1]); const scale = Math.min(chartWidth / width, chartHeight / height) * 35; // factor to leave some margin // Create projection with dynamic scale and center const projection = d3 .geoMercator() .center([centerX, centerY]) .scale(scale) .translate([chartWidth / 2, chartHeight / 2]); // Path generator const path = d3.geoPath().projection(projection); // Draw the map const hexagonPath = hexagonContainer .append("g") .attr("class", "g-map-path") .selectAll("path") .data(geoJSONWithoutDC.features) .join("path") .attr("fill", (d, i) => colorScale(chartData[i].totalTaxBurden)) .attr("d", path) .attr("tax", (d, i) => chartData[i].totalTaxBurden) .attr("rank", (d, i) => chartData[i].rank) .attr("stroke", "white") .attr("stroke-width", 2); // Add labels hexagonContainer .append("g") .attr("class", "g-map-label") .selectAll("text") .data(geoJSONWithoutDC.features) .join("text") .attr("x", (d) => path.centroid(d)[0]) .attr("y", (d) => path.centroid(d)[1]) .text((d) => d.properties.iso3166_2) .attr("dy", -10) .attr("text-anchor", "middle") .attr("alignment-baseline", "central") .attr("font-size", "9px") .attr("fill", "white"); // Add labels for Total Tax Burden hexagonContainer .append("g") .attr("class", "g-tax-label") .selectAll("text") .data(geoJSONWithoutDC.features) .join("text") .attr("x", (d) => path.centroid(d)[0]) .attr("y", (d) => path.centroid(d)[1]) .attr("dy", 5) .text((d, i) => `${chartData[i].totalTaxBurden}%`) .attr("text-anchor", "middle") .attr("alignment-baseline", "central") .style("font-size", "12px") .style("fill", "yellow"); // Draw the hexagonPath Overlays const hexagonPathOverlays = hexagonContainer .append("g") .attr("class", "g-map-path") .selectAll("path") .data(geoJSONWithoutDC.features) .join("path") .attr("fill", "transparent") .attr("d", path) .attr("tax", (d, i) => chartData[i].totalTaxBurden) .attr("rank", (d, i) => chartData[i].rank) .attr("index", (d, i) => i) .attr("stroke", "transparent") .attr("stroke-width", 0); hexagonPathOverlays .attr("cursor", "pointer") .on("mouseover", function (event, d, i) { d3.selectAll("path") .transition() .duration(400) .ease(d3.easeCubic) // Smooth easing effect .attr("opacity", 0.2); const index = d3.select(this).attr("index"); const selectedPath = d3.selectAll(hexagonPath).nodes()[index]; d3.select(selectedPath) .transition() .duration(400) .ease(d3.easeCubic) // Smooth easing effect .attr("opacity", 1); taxValue = d3.select(this).attr("tax"); legendIndicator .attr("x1", legendScale(taxValue)) .attr("x2", legendScale(taxValue)); legendIndicator.style("visibility", "visible"); }) .on("mouseout", function () { d3.selectAll("path") .transition() .duration(400) .ease(d3.easeCubic) // Smooth easing effect .attr("opacity", 1); legendIndicator.style("visibility", "hidden"); }); }); // legend configuration const legendWidth = containerWidth / 3; const legendHeight = 10; const legendX = (containerWidth - legendWidth) / 2; // center the legend horizontally const legendY = containerHeight - margin.bottom * 2; // position above the bottom margin // create a linear gradient for the legend const legendGradientId = "legend-gradient"; const defs = svg.append("defs"); const legendGradient = defs .append("linearGradient") .attr("id", legendGradientId) .attr("x1", "0%") .attr("x2", "100%") .attr("y1", "0%") .attr("y2", "0%"); // define color stops for the gradient legendGradient .append("stop") .attr("offset", "0%") .attr("stop-color", `${colorScale.range()[0]}`); // min value color legendGradient .append("stop") .attr("offset", "50%") .attr("stop-color", `${colorScale.range()[1]}`); // neutral value color legendGradient .append("stop") .attr("offset", "100%") .attr("stop-color", `${colorScale.range()[colorScale.range().length - 1]}`); // max value color // create a scale for the legend axis const legendScale = d3 .scaleLinear() .domain([min, max]) // match the domain of the color scale .range([0, legendWidth]); // map to the position of the legend rectangle const legendTickValues = [min, (min + max) / 2, max]; // create a customized axis for the legend const legendAxis = d3 .axisBottom(legendScale) .tickValues(legendTickValues) .tickFormat((d) => `${d.toFixed(2)}%`); // add the legend axis below the legend rectangle const legendAxisContainer = svg .append("g") .attr("class", "legend-axis-conatiner") .attr("transform", `translate(${legendX}, ${legendY + legendHeight})`) // Position below the rectangle .call(legendAxis); // add legend rectangle legendAxisContainer .append("rect") .attr("x", 0) .attr("y", -legendHeight) .attr("width", legendWidth) .attr("height", legendHeight) .attr("fill", `url(#${legendGradientId})`); // add "Lowest" and "Highest" labels to the legend legendAxisContainer .append("text") .attr("x", 0) .attr("y", -legendHeight / 2) .attr("dx", -5) .attr("text-anchor", "end") .attr("alignment-baseline", "middle") .attr("font-size", "10px") .attr("fill", "#00ffff") .text("Lowest"); legendAxisContainer .append("text") .attr("x", legendWidth) .attr("y", -legendHeight / 2) .attr("dx", 5) .attr("text-anchor", "start") .attr("alignment-baseline", "middle") .attr("font-size", "10px") .attr("fill", "#00ffff") .text("Highest"); // add a dynamic line indicator to the legend legendIndicator = legendAxisContainer .append("line") .attr("x1", legendWidth / 2) .attr("x2", legendWidth / 2) .attr("y1", -legendHeight) .attr("y2", 0) .attr("stroke", "#fff") .attr("stroke-width", 2) .style("visibility", "hidden"); return svg.node(); }30:T3490,chartData = [ { rank: 1, state: "New York", totalTaxBurden: "12.02", propertyTaxBurden: "4.36", propertyTaxRank: 5, individualIncomeTaxBurden: "4.63", individualIncomeTaxRank: 2, salesAndExciseTaxBurden: "3.03", salesAndExciseTaxRank: 31 }, { rank: 2, state: "Hawaii", totalTaxBurden: "11.80", propertyTaxBurden: "2.64", propertyTaxRank: 25, individualIncomeTaxBurden: "3.82", individualIncomeTaxRank: 6, salesAndExciseTaxBurden: "5.34", salesAndExciseTaxRank: 3 }, { rank: 3, state: "Vermont", totalTaxBurden: "11.12", propertyTaxBurden: "4.85", propertyTaxRank: 2, individualIncomeTaxBurden: "3.09", individualIncomeTaxRank: 11, salesAndExciseTaxBurden: "3.18", salesAndExciseTaxRank: 27 }, { rank: 4, state: "Maine", totalTaxBurden: "10.74", propertyTaxBurden: "4.86", propertyTaxRank: 1, individualIncomeTaxBurden: "2.59", individualIncomeTaxRank: 21, salesAndExciseTaxBurden: "3.29", salesAndExciseTaxRank: 24 }, { rank: 5, state: "California", totalTaxBurden: "10.40", propertyTaxBurden: "2.73", propertyTaxRank: 23, individualIncomeTaxBurden: "4.87", individualIncomeTaxRank: 1, salesAndExciseTaxBurden: "2.80", salesAndExciseTaxRank: 37 }, { rank: 6, state: "Connecticut", totalTaxBurden: "10.08", propertyTaxBurden: "3.95", propertyTaxRank: 6, individualIncomeTaxBurden: "3.42", individualIncomeTaxRank: 9, salesAndExciseTaxBurden: "2.71", salesAndExciseTaxRank: 40 }, { rank: 7, state: "Minnesota", totalTaxBurden: "9.95", propertyTaxBurden: "2.82", propertyTaxRank: 22, individualIncomeTaxBurden: "4.01", individualIncomeTaxRank: 4, salesAndExciseTaxBurden: "3.12", salesAndExciseTaxRank: 28 }, { rank: 8, state: "Illinois", totalTaxBurden: "9.67", propertyTaxBurden: "3.67", propertyTaxRank: 9, individualIncomeTaxBurden: "2.57", individualIncomeTaxRank: 22, salesAndExciseTaxBurden: "3.43", salesAndExciseTaxRank: 21 }, { rank: 9, state: "New Jersey", totalTaxBurden: "9.47", propertyTaxBurden: "4.59", propertyTaxRank: 3, individualIncomeTaxBurden: "2.36", individualIncomeTaxRank: 30, salesAndExciseTaxBurden: "2.52", salesAndExciseTaxRank: 44 }, { rank: 10, state: "Rhode Island", totalTaxBurden: "9.38", propertyTaxBurden: "3.83", propertyTaxRank: 7, individualIncomeTaxBurden: "2.49", individualIncomeTaxRank: 24, salesAndExciseTaxBurden: "3.06", salesAndExciseTaxRank: 30 }, { rank: 11, state: "Utah", totalTaxBurden: "9.35", propertyTaxBurden: "2.19", propertyTaxRank: 38, individualIncomeTaxBurden: "3.57", individualIncomeTaxRank: 7, salesAndExciseTaxBurden: "3.59", salesAndExciseTaxRank: 16 }, { rank: 12, state: "Kansas", totalTaxBurden: "9.29", propertyTaxBurden: "3.04", propertyTaxRank: 16, individualIncomeTaxBurden: "2.67", individualIncomeTaxRank: 17, salesAndExciseTaxBurden: "3.58", salesAndExciseTaxRank: 17 }, { rank: 13, state: "Maryland", totalTaxBurden: "9.26", propertyTaxBurden: "2.60", propertyTaxRank: 30, individualIncomeTaxBurden: "4.00", individualIncomeTaxRank: 5, salesAndExciseTaxBurden: "2.66", salesAndExciseTaxRank: 41 }, { rank: 14, state: "Iowa", totalTaxBurden: "9.21", propertyTaxBurden: "3.39", propertyTaxRank: 12, individualIncomeTaxBurden: "2.39", individualIncomeTaxRank: 29, salesAndExciseTaxBurden: "3.43", salesAndExciseTaxRank: 21 }, { rank: 15, state: "Nebraska", totalTaxBurden: "9.16", propertyTaxBurden: "3.55", propertyTaxRank: 10, individualIncomeTaxBurden: "2.60", individualIncomeTaxRank: 20, salesAndExciseTaxBurden: "3.01", salesAndExciseTaxRank: 32 }, { rank: 16, state: "Ohio", totalTaxBurden: "8.92", propertyTaxBurden: "2.72", propertyTaxRank: 24, individualIncomeTaxBurden: "2.48", individualIncomeTaxRank: 26, salesAndExciseTaxBurden: "3.72", salesAndExciseTaxRank: 13 }, { rank: 17, state: "Indiana", totalTaxBurden: "8.85", propertyTaxBurden: "2.14", propertyTaxRank: 39, individualIncomeTaxBurden: "3.06", individualIncomeTaxRank: 12, salesAndExciseTaxBurden: "3.65", salesAndExciseTaxRank: 14 }, { rank: 18, state: "Arkansas", totalTaxBurden: "8.79", propertyTaxBurden: "1.65", propertyTaxRank: 48, individualIncomeTaxBurden: "2.26", individualIncomeTaxRank: 32, salesAndExciseTaxBurden: "4.88", salesAndExciseTaxRank: 6 }, { rank: 19, state: "Mississippi", totalTaxBurden: "8.76", propertyTaxBurden: "2.63", propertyTaxRank: 26, individualIncomeTaxBurden: "1.86", individualIncomeTaxRank: 36, salesAndExciseTaxBurden: "4.27", salesAndExciseTaxRank: 8 }, { rank: 20, state: "Massachusetts", totalTaxBurden: "8.55", propertyTaxBurden: "3.35", propertyTaxRank: 13, individualIncomeTaxBurden: "3.37", individualIncomeTaxRank: 10, salesAndExciseTaxBurden: "1.83", salesAndExciseTaxRank: 45 }, { rank: 21, state: "Virginia", totalTaxBurden: "8.45", propertyTaxBurden: "2.89", propertyTaxRank: 21, individualIncomeTaxBurden: "2.98", individualIncomeTaxRank: 14, salesAndExciseTaxBurden: "2.58", salesAndExciseTaxRank: 43 }, { rank: 21, state: "West Virginia", totalTaxBurden: "8.45", propertyTaxBurden: "2.22", propertyTaxRank: 37, individualIncomeTaxBurden: "2.61", individualIncomeTaxRank: 19, salesAndExciseTaxBurden: "3.62", salesAndExciseTaxRank: 15 }, { rank: 23, state: "Oregon", totalTaxBurden: "8.44", propertyTaxBurden: "2.95", propertyTaxRank: 18, individualIncomeTaxBurden: "4.30", individualIncomeTaxRank: 3, salesAndExciseTaxBurden: "1.19", salesAndExciseTaxRank: 48 }, { rank: 24, state: "Colorado", totalTaxBurden: "8.42", propertyTaxBurden: "2.93", propertyTaxRank: 20, individualIncomeTaxBurden: "2.49", individualIncomeTaxRank: 24, salesAndExciseTaxBurden: "3.00", salesAndExciseTaxRank: 33 }, { rank: 25, state: "Pennsylvania", totalTaxBurden: "8.36", propertyTaxBurden: "2.62", propertyTaxRank: 28, individualIncomeTaxBurden: "2.64", individualIncomeTaxRank: 18, salesAndExciseTaxBurden: "3.10", salesAndExciseTaxRank: 29 }, { rank: 26, state: "Wisconsin", totalTaxBurden: "8.32", propertyTaxBurden: "2.98", propertyTaxRank: 17, individualIncomeTaxBurden: "2.57", individualIncomeTaxRank: 22, salesAndExciseTaxBurden: "2.77", salesAndExciseTaxRank: 39 }, { rank: 27, state: "Louisiana", totalTaxBurden: "8.29", propertyTaxBurden: "1.83", propertyTaxRank: 46, individualIncomeTaxBurden: "1.57", individualIncomeTaxRank: 39, salesAndExciseTaxBurden: "4.89", salesAndExciseTaxRank: 5 }, { rank: 28, state: "Kentucky", totalTaxBurden: "8.26", propertyTaxBurden: "1.89", propertyTaxRank: 43, individualIncomeTaxBurden: "2.98", individualIncomeTaxRank: 14, salesAndExciseTaxBurden: "3.39", salesAndExciseTaxRank: 23 }, { rank: 29, state: "Washington", totalTaxBurden: "8.04", propertyTaxBurden: "2.58", propertyTaxRank: 31, individualIncomeTaxBurden: "0.00", individualIncomeTaxRank: 44, salesAndExciseTaxBurden: "5.46", salesAndExciseTaxRank: 1 }, { rank: 30, state: "New Mexico", totalTaxBurden: "8.03", propertyTaxBurden: "1.86", propertyTaxRank: 44, individualIncomeTaxBurden: "1.13", individualIncomeTaxRank: 40, salesAndExciseTaxBurden: "5.04", salesAndExciseTaxRank: 4 }, { rank: 31, state: "Michigan", totalTaxBurden: "8.02", propertyTaxBurden: "2.94", propertyTaxRank: 19, individualIncomeTaxBurden: "2.23", individualIncomeTaxRank: 33, salesAndExciseTaxBurden: "2.85", salesAndExciseTaxRank: 36 }, { rank: 32, state: "North Carolina", totalTaxBurden: "7.89", propertyTaxBurden: "2.00", propertyTaxRank: 42, individualIncomeTaxBurden: "2.68", individualIncomeTaxRank: 16, salesAndExciseTaxBurden: "3.21", salesAndExciseTaxRank: 26 }, { rank: 33, state: "Idaho", totalTaxBurden: "7.86", propertyTaxBurden: "2.12", propertyTaxRank: 40, individualIncomeTaxBurden: "2.47", individualIncomeTaxRank: 27, salesAndExciseTaxBurden: "3.27", salesAndExciseTaxRank: 25 }, { rank: 34, state: "Arizona", totalTaxBurden: "7.79", propertyTaxBurden: "2.26", propertyTaxRank: 36, individualIncomeTaxBurden: "1.62", individualIncomeTaxRank: 38, salesAndExciseTaxBurden: "3.91", salesAndExciseTaxRank: 10 }, { rank: 35, state: "Missouri", totalTaxBurden: "7.76", propertyTaxBurden: "2.41", propertyTaxRank: 35, individualIncomeTaxBurden: "2.40", individualIncomeTaxRank: 28, salesAndExciseTaxBurden: "2.95", salesAndExciseTaxRank: 34 }, { rank: 36, state: "Georgia", totalTaxBurden: "7.65", propertyTaxBurden: "2.50", propertyTaxRank: 33, individualIncomeTaxBurden: "2.36", individualIncomeTaxRank: 30, salesAndExciseTaxBurden: "2.79", salesAndExciseTaxRank: 38 }, { rank: 37, state: "Texas", totalTaxBurden: "7.56", propertyTaxBurden: "3.71", propertyTaxRank: 8, individualIncomeTaxBurden: "0.00", individualIncomeTaxRank: 44, salesAndExciseTaxBurden: "3.85", salesAndExciseTaxRank: 12 }, { rank: 38, state: "Alabama", totalTaxBurden: "7.52", propertyTaxBurden: "1.33", propertyTaxRank: 50, individualIncomeTaxBurden: "2.01", individualIncomeTaxRank: 34, salesAndExciseTaxBurden: "4.18", salesAndExciseTaxRank: 9 }, { rank: 39, state: "Montana", totalTaxBurden: "7.50", propertyTaxBurden: "3.24", propertyTaxRank: 14, individualIncomeTaxBurden: "3.00", individualIncomeTaxRank: 13, salesAndExciseTaxBurden: "1.26", salesAndExciseTaxRank: 47 }, { rank: 39, state: "South Carolina", totalTaxBurden: "7.50", propertyTaxBurden: "2.63", propertyTaxRank: 26, individualIncomeTaxBurden: "2.00", individualIncomeTaxRank: 35, salesAndExciseTaxBurden: "2.87", salesAndExciseTaxRank: 35 }, { rank: 41, state: "Nevada", totalTaxBurden: "7.37", propertyTaxBurden: "2.02", propertyTaxRank: 41, individualIncomeTaxBurden: "0.00", individualIncomeTaxRank: 44, salesAndExciseTaxBurden: "5.35", salesAndExciseTaxRank: 2 }, { rank: 42, state: "Oklahoma", totalTaxBurden: "7.04", propertyTaxBurden: "1.71", propertyTaxRank: 47, individualIncomeTaxBurden: "1.75", individualIncomeTaxRank: 37, salesAndExciseTaxBurden: "3.58", salesAndExciseTaxRank: 17 }, { rank: 43, state: "North Dakota", totalTaxBurden: "6.80", propertyTaxBurden: "2.44", propertyTaxRank: 34, individualIncomeTaxBurden: "0.90", individualIncomeTaxRank: 41, salesAndExciseTaxBurden: "3.46", salesAndExciseTaxRank: 19 }, { rank: 44, state: "South Dakota", totalTaxBurden: "6.44", propertyTaxBurden: "2.58", propertyTaxRank: 31, individualIncomeTaxBurden: "0.00", individualIncomeTaxRank: 44, salesAndExciseTaxBurden: "3.86", salesAndExciseTaxRank: 11 }, { rank: 45, state: "Delaware", totalTaxBurden: "6.43", propertyTaxBurden: "1.85", propertyTaxRank: 45, individualIncomeTaxBurden: "3.57", individualIncomeTaxRank: 7, salesAndExciseTaxBurden: "1.01", salesAndExciseTaxRank: 49 }, { rank: 46, state: "Tennessee", totalTaxBurden: "6.07", propertyTaxBurden: "1.64", propertyTaxRank: 49, individualIncomeTaxBurden: "0.05", individualIncomeTaxRank: 43, salesAndExciseTaxBurden: "4.38", salesAndExciseTaxRank: 7 }, { rank: 47, state: "Florida", totalTaxBurden: "6.05", propertyTaxBurden: "2.61", propertyTaxRank: 29, individualIncomeTaxBurden: "0.00", individualIncomeTaxRank: 44, salesAndExciseTaxBurden: "3.44", salesAndExciseTaxRank: 20 }, { rank: 48, state: "Wyoming", totalTaxBurden: "5.70", propertyTaxBurden: "3.10", propertyTaxRank: 15, individualIncomeTaxBurden: "0.00", individualIncomeTaxRank: 44, salesAndExciseTaxBurden: "2.60", salesAndExciseTaxRank: 42 }, { rank: 49, state: "New Hampshire", totalTaxBurden: "5.63", propertyTaxBurden: "4.51", propertyTaxRank: 4, individualIncomeTaxBurden: "0.15", individualIncomeTaxRank: 42, salesAndExciseTaxBurden: "0.97", salesAndExciseTaxRank: 50 }, { rank: 50, state: "Alaska", totalTaxBurden: "4.93", propertyTaxBurden: "3.54", propertyTaxRank: 11, individualIncomeTaxBurden: "0.00", individualIncomeTaxRank: 44, salesAndExciseTaxBurden: "1.39", salesAndExciseTaxRank: 46 } ]31:[{"id":"7b00535015de4221b2d494d874d553dd6191847306cefb742201564faa13f9015142b4bcc06672b796e3a27435726df6c2049e76a7fb8b0cbaa73470325fe17c","href":"https://static.observableusercontent.com/files/7b00535015de4221b2d494d874d553dd6191847306cefb742201564faa13f9015142b4bcc06672b796e3a27435726df6c2049e76a7fb8b0cbaa73470325fe17c","name":"observablehq.svg","type":"image/svg+xml","lastModified":1744294212913.743,"size":3168},{"id":"2ee393443444598c3bbb1bc9e8429f94082c554d0416d7387c9a922bee321f15ec5517a960337287df04bd6840f622c86b2973cc0838588624410bda2947725e","href":"https://static.observableusercontent.com/files/2ee393443444598c3bbb1bc9e8429f94082c554d0416d7387c9a922bee321f15ec5517a960337287df04bd6840f622c86b2973cc0838588624410bda2947725e","name":"d3-js.svg","type":"image/svg+xml","lastModified":1744294218481.039,"size":2966}] 2d:{"id":"7a3b85c346868323","slug":"us-state-tax-burdens","title":"US State Tax Burdens","thumbnail":"cf81cda2affb41090fb02fa852f311802ba7d8d3fc5486b5ebc86ae6712af215","access_level":"public","create_time":"$D2025-03-03T18:36:45.911Z","update_time":"$D2025-04-10T14:16:01.254Z","view_time":null,"first_public_time":"$D2025-03-07T13:43:06.232Z","has_unpublished_edits":null,"fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"6c0e85bb062a2e6d","login":"imakashram","name":"Akash Ram","avatar_url":"https://avatars-next.observableusercontent.com/ee24b2f3d7055ffb97ffc91c9c9563471228ef7d76023a233500c53880c3687c","tier":"starter_2024"},"version":440,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"1d52a4b816a41e95","login":"imakashram","name":"Akash Ram","avatar_url":"https://avatars-next.observableusercontent.com/97a371d0a1014fc8f22aa7da56ab7920835220acbf32f37993e3b9b1ce0f4ff1","tier":null}],"members":[{"type":"individual","id":"1d52a4b816a41e95","login":"imakashram","name":"Akash Ram","avatar_url":"https://avatars-next.observableusercontent.com/97a371d0a1014fc8f22aa7da56ab7920835220acbf32f37993e3b9b1ce0f4ff1","tier":null,"role":"editor"},{"type":"team","id":"6c0e85bb062a2e6d","login":"imakashram","name":"Akash Ram","avatar_url":"https://avatars-next.observableusercontent.com/ee24b2f3d7055ffb97ffc91c9c9563471228ef7d76023a233500c53880c3687c","tier":"starter_2024","role":"viewer"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"4be9e0acf2867df0","slug":"visual-spectrum","title":"#0 Visual Spectrum","owner":{"id":"6c0e85bb062a2e6d","login":"imakashram","name":"Akash Ram"}},"type":"notebook","body":{"title":"US State Tax Burdens","cells":[{"id":7,"value":"

US State Tax Burdens

Chart Type: Tile Map or Honeycomb Map, Tech Stack: D3.js, SVG

Data Sources: Wallethub

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":18,"value":"

This map shows the tax burden in each U.S. state as of March 2024. It’s the percentage of income spent on state and local taxes, including property, income, and sales taxes.

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":56,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"### CSS","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":35,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":260,"value":"### Utils Functions","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":263,"value":"removeDCFromGeoJSON = (geoJSON) => {\n // Create a deep copy of the original GeoJSON to avoid modifying the source\n const filteredGeoJSON = JSON.parse(JSON.stringify(geoJSON));\n\n // Filter out the DC feature\n filteredGeoJSON.features = filteredGeoJSON.features.filter(\n (feature) => feature.properties.iso3166_2 !== \"DC\"\n );\n\n return filteredGeoJSON;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"### Chart Data & Legend Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":39,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":42,"value":"### Map Data Url","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":46,"value":"mapDataUrl = \"https://raw.githubusercontent.com/holtzy/D3-graph-gallery/master/DATA/us_states_hexgrid.geojson.json\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":432,"value":"### Tools and Methodologies","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":434,"value":"

\n \n $\"Observable$ \n \n \n $\"D3.js\"$ \n \n

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":425,"value":"### References","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":427,"value":"*[D3.js Docs.](https://d3js.org/getting-started) | [Observable Notebook Docs.](https://observablehq.com/documentation/notebooks/) | [SVG Docs.](https://developer.mozilla.org/en-US/docs/Web/SVG) | [Map Data By (Yan Holtz)](https://www.data-to-viz.com/)*","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":26,"value":"### Acknowledgements","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":28,"value":"*The author has no acknowledgements to declare for this project.*","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":421,"value":"### AI Disclosure","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":423,"value":"*The author utilized AI tools such as Gemini and ChatGPT as coding assistants during the development of this project.*","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":31,"value":"

⚠️ Disclaimer ⚠️

\n This project provides data visualizations for informational purposes only. While we aim for accuracy, the data may contain errors or omissions. It should not be used as financial, legal, or professional advice. We are not responsible for any decisions made based on this information. Use at your own discretion.\n

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"}],"files":"$W31","stdlib":"1","titling":"auto"}} 2e:"$2d:body"