Coding Challenge: Create a Dynamic Bar Chart with D$3.$js

Objective: Utilize D$3.$js to create a dynamic bar chart that visually represents a dataset through proportional bar lengths. Each bar should also display its corresponding value as text.

Dataset: $100,420,230,850,560,925$

Requirements:

Setup:

Initialize an SVG container within the body of the HTML document.

Define the dimensions for the SVG container, considering the width to be $500$ pixels and the height to dynamically adjust based on the number of data points, ensuring each bar has enough space.

The bar height should be $20$ pixels with a $1-$pixel margin between each bar.

Scaling:

Implement a linear scale for the x$-$axis to map the data values to appropriate pixel lengths within the SVG container. The scale should map the smallest data value to a minimum length of $50$ pixels and the largest data value to a maximum length of $500$ pixels.

Bars Rendering:

For each data point, create a group $(($:$g$:$)$ element that will contain both the bar $(($:rect:$))$ and the text $($