Title: Manipulating path element in HTML
Tags: javascript;html;d3.js
Question: I am creating a hexmap chart using svg element in d3js. The chart is working fine though I need to reduce the size of the hexagons and is unable to.
As per my knowledge, it is somewhat related to the path element of HTML
This is what my path element looks like:
<path d="M395.1641842489362,-477.03703703081476L431.0882010021053,-456.29629628799995L467.0122177552744,-477.03703703081476L467.0122177552744,
-518.5185185164444L431.0882010021053,-539.2592592592592L395.1641842489362,-518.5185185164444Z" class="border" fill="rgb(240, 75, 35)" stroke="#FFFFFF" stroke-width="3"&gt;</path&gt;
Please let me know if you have any idea around it!

Here is the accepted answer: I don't see the whole picture but every element can be transformed. For example if you want to scale down your path, just add the property transform="scale(0.75)" to your tag. The number is a multiplier, so 0.75 means 25% smaller. 0.5 would mean half the size.


{'source': 'StackExchangeDataset', 'subset': 'stackoverflow.com', 'metadata': {'AnswerCount': 1, 'CommentCount': 0, 'ContentLicense': 'CC BY-SA 4.0', 'CreationDate': '2019:00:07/24/19', 'FavoriteCount': None, 'PostTypeId': 1, 'Tags': '<javascript><html><d3.js>', 'Title': 'Manipulating path element in HTML', 'ViewCount': 78, 'id': 57185410, 'user_AboutMe': '<p>Data Scientist who loves everything Pythonic. Skilled in Django, SQL, Tableau, Python, Machine Learning, Statistics...\nFounder of <a href="https://www.readingroots.in" rel="nofollow noreferrer">ReadingRoots</a>, a sustainable reading community helping readers save money and reduce carbon footprint by exchanging their books and reading sustainably.</p>\n<p>Keep learning and keep growing!</p>\n', 'user_AccountId': 15970255.0, 'user_DisplayName': 'jitesh2796', 'user_Reputation': 134.0, 'user_Views': 47.0, 'user_id': 11524615.0}}